Home >Development Tools >VSCode >22 good VSCode plug-ins for web development (share)
This article will share with you 22 good VSCode plug-ins in web development to help developers improve development efficiency. Let’s take a look!
[Recommended study: "vscode tutorial"]
https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
Trust me, debug JavaScript Don't just write console.log() (although this is the most common approach). Chrome has some built-in features for a better debugging experience. This plugin allows you to use all (or almost all) of these debugging features in VS Code.
If you want to know more, you can read:
Debugging JavaScript in Chrome and Visual Studio Code.
https://scotch.io/tutorials /debugging-javascript-in-google-chrome-and-visual-studio-code
https://scotch.io/tutorials/debugging-javascript-in-google-chrome-and-visual-studio-code
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
Need a quick place to test some JavaScript? I used to open the console in Chrome and type some code in it, but the drawbacks are many. Quokka provides you with a JavaScript (and TypeScript) scratchpad in VS Code. This means you can test a piece of code in your favorite editor!
In large projects, it can be troublesome to remember specific file names and the directories in which the files are located. This plugin will provide you with smart tips. When you start typing a path in quotes, you'll see smart prompts for directory and file names. This will save you from spending a lot of time browsing files :)
##https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig
https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings
https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
https://marketplace.visualstudio.com/items?itemName=pnp.polacode
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
https://marketplace.visualstudio.com/items?itemName=qezhu.gitlink
https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons
Did you know that you can customize the icons in VS Code? If you look at the settings, you'll see an option for "File Icon Theme." From there, you can choose from pre-installed icons or install an icon pack. This plugin gives you a really cute icon pack and is used by 11 million people!
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
Are you a fan of Google Material design? Well, check out this “Material Theme” icon pack. There are hundreds of different icons and they look great!
https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Developers (myself included) spend a lot of time customizing development environments, especially text editors. Using the "Settings Sync" plugin you can save settings in Github. They can then be loaded into any new version of VS Code using a single command.
https://marketplace.visualstudio.com/items?itemName=wwm.better-align
If you are the kind of person who likes perfect alignment in your code, then you need Better Align. You can align multiple variable declarations, trailing comments, code snippets, etc. There’s no better way to see how great this plugin is than to install it and give it a try!
https://marketplace.visualstudio.com/items?itemName=vscodevim.vim
Are you an in-depth user of VIM? If so, congratulations, you can use all VIM tricks directly in VS Code. I'm not personally great at this, but I know how insanely productive it can be to use VIM to its potential, giving you so much more functionality.
Original address: https://scotch.io/bar-talk/22-best-visual-studio-code-extensions-for-web-development
Original author: James Quick
For more programming-related knowledge, please visit: Programming Video! !
The above is the detailed content of 22 good VSCode plug-ins for web development (share). For more information, please follow other related articles on the PHP Chinese website!