❝
最近在为公司整理前台vue开发项目使用的vscode插件。大家可以参考一下
❞
| 名称 | 推荐指数 | 描述 |
|---|---|---|
| Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code | 必装 | 让工具的语言为中文（安装重启工具就自动为中文） |
| 别名路径跳转 | 必装 | 快速跳转到方法、组件里面（按下Ctrl + 鼠标点击引用路径即可跳转到具体位置） |
| GitLens | 必装 | 展示代码中鼠标所在位置，最近一次更新当前位置代码的用户及信息 |
| Vetur | 必装 | vue代码格式化，提示，代码片段。 |
| Git Graph | 必装 | git提交流程图，以可视化的形式看git提交记录信息。 |
| markDown | 必装 | markdown文件查看，因为项目很多代码都用了markdown写了如何使用，使用这个插件能够更有好的查看文档。 |
| ESLint | ????? | 代码规范 |
| Prettier - Code formatter | ???? | 代码风格格式化 |
| Bookmarks | ???? | 添加书签，方便以后快速定位，类似待办事项（代码任意位置右键之后会有一个书签开关，开启之前到工具左边侧边栏可以看见标记的书签，以及添加备注。 |
| Todo Tree | ???? | 和bookmarks差不多，bookmarks'着重书签，方便自己找到自己标记的方法组件之类的，todo Tree更偏向我们常用的待办事项，可以按优先级别、重要程度标记，方便以后代码优化、bug修复定位等。（因为这个注释是写在代码的里面的，弄好了之后需要去掉，避免生产出其他问题，如果使用bookmarks可以避免这个问题） |
| koroFileHeader | ???? | 生成文件头部注释和函数注释 |
| HTML CSS Support | ???? | html、css语法插件 |
| code runner | ???? | 立刻运行选中的部分代码，简单快速验证写的方法或功能是否正确，在控制台输出信息。 |
| CSS Peek | ???? | ctrl + 鼠标点击元素选择器值，即可自动跳转到样式写的位置。 |
| SVG Viewer | ??? | 查看svg效果图 |
| vscode-icon | ??? | 自动识别目录功能，展示友好目录icon。 |
| Color Highlight | ??? | 直观显示在 css/web 中定义的颜色 |
文章评论