VS Code插件推荐
Chinese (Simplified) (简体中文) Language
显示中文
Error Lens
报错显示到后面
Partial Diff
和svn提交一样,可看到改动代码
开始项目时,不确定是否正确时使用 全选或选中改动前代码,右击找到Select Text for Compare选中,这段代码以及记录下 随后开始修改,改完之后想要看改了那块时, 再右击找到Compare Text with Previous Selection选中
Quokka.js(1) 与下方二任选其一
(1)为创建一个新js或tjs文件 在线创建并实时运行js文件
ctrl + t 输入框中输入下方内容 没有则直接运行下方快捷方式 >文件 //含有快速打开方式 我的是 ctrl + windows + alt + n 进入后,选择quokka.js即可
JavaScript REPL(2)
(2)是直接可运行js脚本 在线js脚本运行
任意js文件中右击, 找到 Js Repl:Run 选择,即可 ,关闭同样操作
Auto Close Tag
自动闭合HTML/XML标签
Auto Rename Tag
自动完成另一侧标签的同步修改
css-auto-prefix
自动补充每个浏览器适应
CSS Peek
鼠标悬浮定义class上显示css内容
JavaScript(ES6) code snippets
ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
Path Intellisense/Path Autocomplete (选其一)
自动补全路径
HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式
Beautify
格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则
Bracket Pair Colorizer
给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色
Highlight Matching Tag
突出显示匹配的开始和/或结束标签
Image Preview
预览图片
Prettier - Code formatter
自动格式化代码
Local History
显示历史记录
open-in-browser
GitLens -Git supercharged
查看git提交记录
EsLint(不推荐安装)
语法纠错
2、vue
vue
Vetur
语法高亮、智能感知、Emmet等
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)
Vue VSCode Snippets
提供最简单快速的生成 Vue 代码片段的方法,通过各种快捷键就可以在 .vue
文件中快速生成各种代码片段,快捷命令为上面链接
Vue Peek
快速跳转到组件、模块定义的文件
3、c语言
C/C++
来自微软官方的 C/C++ 插件,必备的插件,如果不安装,代码无法跳转,也没有自动补全。
C#
C# Extensions
C++ Intellisense
跳转到定义;代码自动补全;查找代码引用;列举 symbols;