前端vsCode常用插件

123 阅读1分钟

引言

借着重装vscode的机会,整理一下前端vscode常用的插件,方便以后去到一个新环境后配置vscode开发环境。

常用插件

Vue

  1. Volar(Vue Language Features):vue3插件
  2. TypeScript Vue Plugin (Volar):vue3结合TypeScript使用
  3. Vue 3 Snippets:vue3语法提示

HTML&CSS&JavaScript

  1. Auto Close Tag:自动闭合html标签
  2. Auto Rename Tag:同步修改前后标签名
  3. HTML CSS Support:css语法支持
  4. px to rem & rpx & vw (cssrem):px转换成rem或rpx或vw
  5. JavaScript (ES6) code snippets:ES6语法提示
  6. node-snippets:node语法提示

代码格式化

  1. Prettier - Code formatter:代码格式化插件
  2. EditorConfig for VS Code:配合.editorconfig使用

其他

  1. Material Icon Theme:文件和文件夹图标主题
  2. open in browser:html右键打开浏览器
  3. GitLens:能看到团队其他人修改文件的记录
  4. Git Graph:git分支图形化
  5. Git History:git操作日志可视化

该文章用来整理一些前端vsCode常用且好用的插件,如果有好插件想分享的xdm可以在评论区留言,后续看到的话会加上去!