vue 代码保存格式化配置

`{
    "editor.tokenColorCustomizations": {
        "comments": "#82e0aa", // 注释 
    },
    // tab 大小为2个空格
    "editor.tabSize": 2,
    // 100 列后换行
    "editor.wordWrapColumn": 100,
    // 保存时格式化
    "editor.formatOnSave": true,
    // 开启 vscode 文件路径导航
    "breadcrumbs.enabled": true,
    // prettier 设置语句末尾不加分号
    "prettier.semi": false,
    // prettier 设置强制单引号
    "prettier.singleQuote": false,
    // 选择 vue 文件中 template 的格式化工具prettyhtml
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // 显示 markdown 中英文切换时产生的特殊字符
    "editor.renderControlCharacters": true,
    // 设置 eslint 保存时自动修复
    "eslint.autoFixOnSave": true,
    // eslint 检测文件类型
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue",
    ],
    // 新加
    "eslint.codeAction.showDocumentation": {
        "enable": true
    },
    "emmet.excludeLanguages": [
        "markdown"
    ],
    //保存的时候自动格式化
    "editor.formatOnType": true,
    //  #让函数(名)和后面的括号之间加个空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // vetur 的自定义设置
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true, //用单引号
            "semi": false, //不加分号
            "trailingComma": "none" //禁止随时添加逗号
        }
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "editor.fontSize": 16,
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "editor.fontLigatures": false,
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "editor.minimap.enabled": false,
    "workbench.colorTheme": "Default Dark+",
    "[json]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "vetur.format.defaultFormatter.js": "vscode-typescript",
}

//vscode 必装插件
 any-rule 
Beautify 
Chinese 
Eslint  
express   
live Sever 
open in browser 
open in default 
Prettier - Code formatter 
Vetur  
vue
Vue 3 Snippets
VueHelper
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值