vscode 插件

1、Path Autocomplete - Mihai Vilcu (自动补全路径,导入vue组件时输入@帮助填充路径)

  //导入文件时是否携带文件的扩展名

  "path-autocomplete.extensionOnlmport": true,

  //配置@的路径提示

  "path-autocomplete.pathMappings" : {

    "@": "${folder)/src"

  ),

2、Auto Close Tag(输入标签,tab自动补全结束标签)

3、ESLint - Dirk Baeumer 

  //ESLint插件的配置
  "editor.codeActionsOnSave": {

    "source.fixAll": true

  }

4、prettier - Code formatter - 作者prettier

"eslint.alwaysShowStatus": true,
"prettier.trailingComma": "none",
"prettier.semi": false,
//每行文字个数超出此限制将会被迫换行
"prettier.printWidth": 300,
//使用单引号替换双引号
"prettier.singleQuote": true,
"prettier.arrowParens": "avoid",
//设置.vue 文件中,HTML代码的格式化插件
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.ignoreProjectWarning": true,
"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "trailingComma": "none",
        "semi": false,
        "singleQuote": true,
        "arrowParens": "avoid",
        "printWidth": 300
    },
    "js-beautify-html": {
        "wrap_attributes": false
    }
}

 

posted on 2021-10-13 11:07  棉花糖_30  阅读(76)  评论(0编辑  收藏  举报

导航