Security Code Scan
https://marketplace.visualstudio.com/items?itemName=JaroslavLobacevski.SecurityCodeScanVS2019
Quick HTML Previewer
html预览,所见即所得
打开html源码文件,然后F1,输入side preview
Vetur
https://github.com/vuejs/vetur
在vs code里面打开.vue文件,支持语法高亮
高效编码必备的7个VSCode插件
2. CSS Peek
如果你是一个web开发人员,那 CSS Peek是绝对必须的。 通过此扩展,你只需将鼠标悬停在元素的类名或 ID 上,即可查看应用于 HTML 中某个元素的 CSS 规则。
3. Beautify
如果你喜欢简洁干净的代码,那么绝对会喜欢 Beautify
。 此扩展可帮助你正确编写代码。 Beautify
支持 JavaScript
、 HTML
、 CSS
、 Sass
和 JSON
。
关于此扩展名最好的部分是所有选项都是完全可自定义的,例如缩进大小以及文件是否应以新行结尾。 如果你使用多种编程语言编写代码, Beautify
可以帮助你根据每种编程语言自定义选项。
15款好用的VS Code插件
1. Live Server
该插件允许我们在更改 IDE 中的代码时,自动重新加载 Web 页面。
一旦安装 Live Server 后,在 html 文件上右键单击,可看到选项 Open with Live Server[Alt + L + Q]。
3. Code Spell Checker
它是一款拼写检查程序,可以为开发者报告一些常见的拼写错误。它很适合驼峰式代码。
6.ESLint
ESLint 是一款静态代码分析工具,用来识别 JavaScript 代码中出现的有问题的模式。
ESLint 中的规则是可配置的,用户可以定义和加载自己的规则。它还涵盖了代码质量和编码风格问题。
8. Live Saas Compiler
它能帮你实时把 SASS/SCSS 文件编译/转译成 CSS 文件,并且提供在线浏览器重载。
10. Browser Preview
它可以让你在编辑器中打开一个用于调试的真正的浏览器预览。
11. Path Intellisense
该扩展可以自动补全代码中的路径和文件名。
12.Bracket Pair Colorizer
这个扩展允许用颜色来标识匹配的括号。用户可以定义要匹配的字符和要使用的颜色。