vscode 格式化文件配置说明

{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "eslint.enable": true, //是否开启vscode的eslint
  // 配置 ESLint 检查的文件类型
  "eslint.validate": ["javascript", "vue", "html"],
  "eslint.options": {
    //指定vscode的eslint所处理的文件的后缀
    "extensions": [".js", ".vue", ".ts", ".tsx"]
  },
  // 配置默认格式化工具
  "[jsonc]": {
    // 表示使用Prettier - Code formatter格式化
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    //"editor.defaultFormatter": "esbenp.prettier-vscode"
    // 表示使用vutur格式化
    "editor.defaultFormatter": "octref.vetur"
  },
  // viscode自带的格式化工具代替vetur格式化
  // "vetur.format.defaultFormatter.js": "vscode-typescript",
  "[javascript]": {
    // 如果这边设置prettier-vscode
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
  //js文件中 分号
  "javascript.format.semicolons": "ignore",
  // #让vue中的js进行格式化
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      //vue文件里面的js格式
      "semi": false,
      "singleQuote": true,
      "printWidth": 300,
      "trailingComma": "none",
      "arrowParens": "avoid"
    },
    "js-beautify-html": {
      //vue文件里面 template格式
      "wrap_attributes": "aligned-multiple",
      "wrap_line_length": 100
    }
  },
  //以上配置格式化vue文件,
  // 将"editor.defaultFormatter": "esbenp.prettier-vscode" 以下起作用
  "prettier.printWidth": 300,
  "prettier.semi": true,
  "prettier.singleQuote": true,
  //不会优先使用editorconfig配置文件
  "prettier.useEditorConfig": false,
  //结尾不加分号
  "prettier.trailingComma": "none",
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "minapp-vscode.disableAutoConfig": true,
  "security.workspace.trust.untrustedFiles": "open"
}
 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值