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支持 JavaScriptHTMLCSSSassJSON

关于此扩展名最好的部分是所有选项都是完全可自定义的,例如缩进大小以及文件是否应以新行结尾。 如果你使用多种编程语言编写代码, 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

 

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

 

原文地址:https://www.cnblogs.com/chucklu/p/14121511.html