vs code的插件

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

 

这个扩展允许用颜色来标识匹配的括号。用户可以定义要匹配的字符和要使用的颜色。

 

作者:Chuck Lu    GitHub