vue前端开发-代码片段 凯普顿vscode插件

iview 的代码片段，常用的代码片段

推荐插件：

cpt-hunter
EditorConfig for VS Code
HTML CSS Support 
JavaScript Atom grammar
Path Intellisense
Vetur
vscode-icons

Lodash
wt-snippets

配置：
{
  "workbench.iconTheme": "vscode-icons",
  "workbench.startupEditor": "newUntitledFile",
  // 目录映射:path-intellisense
  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src"
  },
  // 目录映射:cpt-hunter
  "cpt-hunter.mappings": {
      "@": "${workspace}/src",
      "store": "${workspace}/src/store/modules"
  }
}


# 如果git找不到 可以添加配置：
{
    "git.enableSmartCommit": true,
    "git.path": "D:/Program Files/Git/bin/git.exe"
}

### ESLint-代码自动修复
# 1.安装插件 ESLint
# 2.安装插件 Prettier - Code formatter
# 修改配置 文件->首选项->设置 => (鼠标右侧点击"{}"符号 打开设置(json) {}
配置如下：

ESLint-代码自动修复 配置：

{
  "workbench.iconTheme": "vscode-icons",
  "workbench.startupEditor": "newUntitledFile",
  // 目录映射:path-intellisense
  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src"
  },
  // 目录映射:cpt-hunter
  "cpt-hunter.mappings": {
      "@": "${workspace}/src",
      "store": "${workspace}/src/store/modules"
  },
  // 默认格式化 <script>
  //  - none: 禁用格式化
  //  - prettier: js formatter from prettier(默认)
  //  - prettier-eslint: prettier-eslint
  //  - vscode-typescript: js formatter from TypeScript
  "vetur.format.defaultFormatter.js": "prettier",
  // 默认格式化 <template>
  //  - none: 禁用格式化
  //  - prettyhtml: prettyhtml(默认)
  //  - js-beautify-html: html formatter of js-beautify
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    { "language": "html", "autoFix": true },
    { "language": "vue", "autoFix": true }
  ],
  // 保存自动修复
  "eslint.autoFixOnSave": true,
  // jsx自动修复有问题，取消js的format
  "editor.formatOnSave": false,
  // Enable/disable default JavaScript formatter (For Prettier)
  "javascript.format.enable": false,
  "prettier.singleQuote": true,
  // 点击保存时，根据 eslint 规则自定修复，同时集成 prettier 到 eslint 中
  "prettier.eslintIntegration": true
}

推荐快捷键：

// 将键绑定放入此文件中以覆盖默认值
// Place your key bindings in this file to overwrite the defaults
[
  // ctrl+space 被切换输入法快捷键占用
  {
    "key": "ctrl+alt+space",
    "command": "editor.action.triggerSuggest",
    "when": "editorTextFocus"
  },
  // ctrl+d 删除一行
  {
    "key": "ctrl+d",
    "command": "editor.action.deleteLines",
    "when": "editorTextFocus"
  },
  // 与删除一行的快捷键互换
  {
    "key": "ctrl+shift+k",
    "command": "editor.action.addSelectionToNextFindMatch",
    "when": "editorFocus"
  },
  // ctrl+shift+/多行注释
  {
    "key": "ctrl+shift+/",
    "command": "editor.action.blockComment",
    "when": "editorTextFocus"
  },
  // 1.转换为大写
  {
    "key": "ctrl+shift+x",
    "command": "editor.action.transformToUppercase"
  },
  // 2.转换为小写
  {
    "key": "ctrl+shift+y",
    "command": "editor.action.transformToLowercase"
  }
]