https://github.com/mrmartineau/front-end-vscode-extensionpack

A collection of extensions for working with Front-end Applications in VS Code
https://github.com/mrmartineau/front-end-vscode-extensionpack

front-end front-end-development frontend vscode vscode-extension

Last synced: about 2 hours ago
JSON representation

A collection of extensions for working with Front-end Applications in VS Code

• Host: GitHub
• URL: https://github.com/mrmartineau/front-end-vscode-extensionpack
• Owner: mrmartineau
• License: mit
• Created: 2017-12-15T16:52:32.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-02T12:08:19.000Z (about 7 years ago)
• Last Synced: 2024-12-30T22:11:17.878Z (about 2 months ago)
• Topics: front-end, front-end-development, frontend, vscode, vscode-extension
• Homepage:
• Size: 7.81 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Front-end VSCode Extension Pack

A collection of extensions for working with Front-end Applications in VS Code

These are some of my favorite extensions to make front-end application development easier and fun.

## Extensions Included

* [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) - Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

* [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Never worry about formatting your code ever again, keep everything consistent with ease. My suggestion is to add `"editor.tabCompletion": true, "editor.formatOnSave": true,` to your settings file in preferences.

* [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks) - Adds a bookmark to places you designate in your file, and allows you to quickly jump between them. Super helpful. Type `command + opt + K` to create a bookmark and `command + opt + J` to jump between them 🔖

* [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) - EditorConfig Support for Visual Studio Code

* [ES6 Snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets) - quickly spin up ES6 JavaScript with only 3 or 4 characters

* [File Utils](https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils) - A convenient way of creating, duplicating, moving, renaming and deleting files and directories.

* [Find all references](https://marketplace.visualstudio.com/items?itemName=gayanhewa.referenceshelper) - Find all references for almost all files.

* [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) - Display import/require package size in the editor

* [JavaScript and TypeScript IntelliSense](https://marketplace.visualstudio.com/items?itemName=sourcegraph.javascript-typescript) - JavaScript and TypeScript IntelliSense through the Language Server Protocol

* [Jumpy](https://marketplace.visualstudio.com/items?itemName=wmaurer.vscode-jumpy) - We lose a lot of time scanning with a mouse, time we can get back by using our keyboard instead. Jumpy provides fast cursor movement by giving you a couple of keys that offer a hook to get to another part of the document.

* [Project Manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager) - Easily switch between, and manage projects

* [Relative Path](https://marketplace.visualstudio.com/items?itemName=jakob101.RelativePath) - Get relative url paths from files in the current workspace.

* [Sublime Babel](https://marketplace.visualstudio.com/items?itemName=joshpeng.sublime-babel-vscode) - Sublime Text's babel-sublime grammar in VS Code.

## Relevant Links

* [Github](https://github.com/mrmartineau/front-end-vscode-extensionpack)

* [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=mrmartineau.frontend-vscode-extensionpack)

**Enjoy!**

---

Made by [Zander](https://zander.wtf)