vs code 配置

插件

vue-helper:vue函数跳转
intellij-idea-keybindings:webstorm 快捷键
chinese:菜单中文插件
Volar:vue3语法支持 (在Vue3 项目中需要禁用 Vetur)
Vetur:Vue2语法支(在Vue2 项目中需要禁用 Volar)
Where Am I:左下角显示你目前在哪个项目中
Project Manager:在多个项目之间轻松切换
Prettier: 代码格式化插件,侧重点:代码格式

/root/.prettierrc
{
  "printWidth": 80,   // 每行代码最大字符数
  "semi": false,      // 是否在代码末尾添加分号
  "singleQuote": true, // 否使用单引号来包裹字符串
  "trailingComma": "es5", // 是否在对象和数组字面量的最后一个元素后添加逗号(在 ES5 中添加逗号)
  "endOfLine": "lf", // 指定换行符的类型
  "bracketSpacing": true, // 是否在对象字面量中的括号前后添加空格
  "tabWidth": 2 // 指定一个制表符的宽度
}

Error Lens:提供对错误、警告和其它语法诊断的高亮显示
Code Spell Checker:捕获常见的拼写错误
Tailwind CSS IntelliSense:为用户提供自动完成、语法高亮和检查等高级功能,增强了 Tailwind 开发体验。
Better Comments:通过使用警告、信息、TODO 等注释来改进代码注释
Color Highlight:在编辑器中突出显示网页颜色
Image Preview:在边栏和鼠标悬浮时显示图像预览

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容