vscode配置,vue开发环境
安装插件Vetur,Regex Previewer,Pretty Formatter,Path Intellisense,ESLint,chinese,beautify
//setting.js文件
{
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html"
},
"eslint.codeAction.showDocumentation": {
"enable": true
},
"editor.tabSize": 2,
//失去焦点后自动保存
"files.autoSave": "onFocusChange",
// #值设置为true时,每次保存的时候自动格式化;
"editor.formatOnSave": true,
"editor.formatOnType": true,
//每120行就显示一条线
"editor.rulers": [],
"eslint.options": {
"plugins": [
"html"
]
},
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"emmet.excludeLanguages": [
"markdown"
],
"typescript.validate.enable": false,
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_line_length": 160, // 数值越大,一行放的属性越多
"wrap_attributes": "auto",
"end_with_newline": false
},
"prettyhtml": {
"printWidth": 100,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": false
}
},
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "vscode-typescript",
"editor.quickSuggestions": true,
"eslint.nodeEnv": "",
"editor.fontSize": 16,
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"js/ts.implicitProjectConfig.checkJs": true,
"typescript.format.insertSpaceBeforeAndAfterBinaryOperators": false,
"typescript.format.insertSpaceBeforeFunctionParenthesis": true,
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src"
},
"editor.codeActionsOnSave": null
// "npm.exclude": "",
// "[scss]": {
// "editor.defaultFormatter": "HookyQR.beautify"
// },
// "beautify.config": ""
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· AI与.NET技术实操系列(六):基于图像分类模型对图像进行分类