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": ""
}
posted @   枫若  阅读(607)  评论(0编辑  收藏  举报
编辑推荐:
· .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技术实操系列(六):基于图像分类模型对图像进行分类
点击右上角即可分享
微信分享提示