1.Image preview
介绍:可在vscode预览图片,鼠标悬至图片链接可进行预览
2.wechat-snippet
介绍:微信小程序代码辅助,代码片段自动完成
3.VueHelper
介绍:对vue一些属性或者其他方法的 helper说明
4.Vetur
介绍:提供语法高亮、智能代码补全、代码片段、代码导航、代码格式化和语法检查等功能,可以大幅提高你的开发效率和代码质量。
5.TODO Highlight
介绍:TODO高亮,在插件->找到TODO HIGHLIGHT, 设置->扩展设置->TODO HIGHLIGHT Keywords->在setting.json中编辑。在json文件中编辑,模板已经有了,只需添加{ }中的内容(这儿以关键字,字体颜色,背景色为例),保存即可
{
"editor.fontSize": 15,
"window.zoomLevel": 0,
"todo-tree.tree.showScanModeButton": false,
"todohighlight.keywords": [
{
"text": "你的关键字:",
"color": "#0000ff",
"backgroundColor": "#ff0000",
}
]
}
显示高亮效果:
6.Stylelint
介绍:样式的扩展
7.React/Redux/react-router Snippets或JS JSX Snippets或
介绍:react快捷输入,例如输入rcc,快速创建类组件
8.Prettier - Code formatter
介绍:让代码更加优美,代码格式化
9.Live Server
介绍:在项目中实时用Live Server作为一个实时服务器实时查看开发的网页或项目效果。
10.Git History
介绍:可查看提交代码历史记录
11.ESLint
介绍:语法检查
12.CSS Variable Autocomplete
13.Code Spell Checker
介绍:代码拼写检查插件,可以为开发者报告一些常见的拼写错误。在TypeScript, JavaScript, Text 等文件中,如果拼写的单词不在正确则会出现下方出现波浪线。
14.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
介绍:vscode汉化
15.Auto Rename Tag
介绍:修改了前面的开始标签,自动remane 后面的闭合标签
16.Vue Language Features (Volar)
17.Python
18.px to rem & rpx & vw (cssrem)
介绍:使用快捷键px转rem
19.GitLens — Git supercharged
介绍:鼠标放到代码行上可以显示,改行的上一次修改记录
20.Error Lens
介绍:在代码行内提示报错或警告信息
21.ChatGPT
22.ES7 React/Redux/GraphQL/React-Native snippets
介绍:ES7代码片段提示