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" ] } |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)