ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
### vsCode常用插件 ***** | 插件名称 | 描述 | | --- | --- | | Vetur | vue编程必备 | | Auto Close Tag | 自动闭合html标签 | | Auto Rename Tag | 自动改变闭合标签的名字 | | Beautify | 代码格式统一 | | Chinese Language | 汉化 | | Code Spell Checker | 检验拼写,提示波浪线 | | CodeMetrics | 检查代码复杂度,>30则可以考虑拆分,具体请查看[CodeMetrics插件](https://www.kancloud.cn/vvmily_king/vvmily/2326099) ![](https://img.kancloud.cn/d1/39/d1396e63c4e17c4b0dcbdcd3a7762538_751x143.png) ![0](https://note.youdao.com/yws/res/4471/WEBRESOURCEb57c1343ef282b25b7a6aa0fe8c9498e) | | Color Highlight | 样式,颜色高亮 | | Color Info | 样式,颜色信息 | | ESLint | 代码静态检视(如果要让*vue*文件能*ESLint*,需`npm install eslint-plugin-html`) 配置vscode实现对.vue .html文件中的js代码段的检测: 顶部选项Code -> 首选项 -> 设置,搜索编辑“eslint.validate”添加 "html","vue"! "eslint.validate": [ "javascript", "javascriptreact", "html", "vue" ] | | Prettier - Code Formatter | 格式化js、css代码插件 | | Prettier ESLint | 统一我们的前端代码风格 | | Git History | git使用 | | Icon Fonts | 图标 | | Path Intellisense | 文件路径自动补全 | | Todo Tree | todo标记,以tree显示 | | TODO Highlight | TODO 高亮 | | vscode wxml | 小程序识别 | | wechat-snippet | 小程序提示 | | wx-helper | 小程序helper |