vscode settings.json配置项

安装通用插件

  1、Prettier - Code formatter

  2、Vue 3 Snippets

  3、Vue Language Features (Volar)

安装项目依赖

1
2
npm install eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin
npm install prettier eslint-config-prettier eslint-plugin-prettier

Vue 3.0 配置项

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
  "terminal.integrated.fontSize": 18, // terminal 框的字体大小
  "editor.fontSize": 16, // 编辑器字体大小
  "editor.tabSize": 4, // Tab 的大小 2个空格
  "editor.formatOnSave": true, // 保存是格式化
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.codeActionsOnSave": { "source.fixAll.eslint": true },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
 
  "prettier.useEditorConfig": false, //是否使用
  "prettier.singleQuote": true, // 单引号
  "prettier.semi": false, // 是否在每行末尾添加分号
  "prettier.printWidth": 120, //每行超过多少字符自动换行
  "prettier.trailingComma": "none", //尽可能控制尾随逗号的输出
  "prettier.singleAttributePerLine": false,
 
  "eslint.validate": ["javascript", "javascriptreact", "html", "vue", "typescript", "typescriptreact"]
}

  

posted @   博客码农  阅读(131)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示