安装通用插件
1、Prettier - Code formatter
2、Vue 3 Snippets
3、Vue Language Features (Volar)
安装项目依赖
npm install eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin npm install prettier eslint-config-prettier eslint-plugin-prettier
Vue 3.0 配置项
{
"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"]
}
标签：false,prettier,vscode,settings,json,eslint,true,editor From： https://www.cnblogs.com/wang-wen-jun/p/16777903.html