@TOCVs Code常用的插件
1、Beautify css/sass/scss/less (2.3.3)
css/sass/scss/less的格式化
美化CSS,SASS和更少的代码(Visual Studio Code的扩展名)
如果您美化其他语言,则代码/文本将被美化为Visual Studio Code的默认格式化程序。
2、Chinese (Simplified) Language Pack for Visual Studio Code
vs code的简体中文的语言包
3、Code Spell Checker
代码拼写检查器
该拼写检查器的目的是帮助捕获常见的拼写错误,同时保持较低的误报率。
例如命名有不合适的地方会有下划线标注
4、Color Highlight
颜色值在代码中高亮显示
代码中的颜色设置会直接在代码上显示
例如:
5、Debugger for Chrome
Chrome调试器
让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试
支持的功能
设置断点,包括在启用源映射时在源文件中的断点
步进,包括Chrome页面上的按钮
“本地”窗格
调试eval脚本,脚本标签和动态添加的脚本
手表
安慰
6、GitLens — Git supercharged
可清晰查看代码提交人等等
增强Visual Studio Code中内置的Git功能—通过Git责备注释和代码透镜直观地显示代码作者,无缝浏览和浏览Git存储库,通过强大的比较命令获得有价值的见解,等等。
7、koroFileHeader
文件头部添加注释
8、Log Wrapper
可以自动生成打印(console.log())
windons快简健:ctrl+shift+q
插件设置->扩展设置->
配置
“debugwrapper.wrappers”: {
"javascript": "console.log('$eSEL', $SEL)",
"typescript": "console.log('$eSEL', $SEL)",
"php": "echo '<pre>$eSEL<br />'; var_dump($SEL); echo '</pre>';",
"default": "console.log('$eSEL', $SEL);"
}
9、open in browser
vscode直接打开浏览器
10、Path Intellisense
自动补全路径
10、Prettier - Code formatter
代码格式化程序(格式化代码)
11、Spell Right
代码拼写正确
12、stylus
css预处理器
13、TSLint(1.3.3)
typescript语法检查
14、Vetur(0.24.0)
vue语法高亮,识别vue文件
15、koroFileHeader
在vscode中用于生成文件头部注释和函数注释的插件
16、vscode-icons
显示Activate图标消息。文件加上图标信息
17、auto close tag
自动闭合HTML标签
18、auto rename tag
修改HTML标签时自动修改匹配标签
19、HTML css suppot
css提示,支持vue的css提示
20、stylelint
css/sass/less代码风格
21、path autocomplete
完整路径提示
初学者记录,待补充。。。