一、Visual Studio Code环境插件安装配置

1.下载Visual Studio Code 并安装完成
2.打开Visual Studio Code，操作说明如图

WechatIMG1 1.jpeg

F3F273C8FAE43DF5244B3088B502CAF3.png

B69CC310587EDC7312035F5733DA9181.png

E73DD9F6DFBB6BE827DABCC1100C9D88.png

8490FAD54F773026F16132DF6A33A0D6.png

99114063B7C9422773B96AAF01307996.png

671022F11C1558F22CF3A3BFB227F237.png

二、Visual Studio Code项目路径说明

D33E7F00DAE89B086DB05F3839AB1A75.png

三、Visual Studio Code 配置自己项目常用配置（缩进、代码检查报错规则等）

F3F273C8FAE43DF5244B3088B502CAF3.png

69F4BDB4582A732DEECEE7B03AB0D2CE.png

ED4E427BD67C085325B1E542986AFFB0.png

{
  "workbench.colorTheme": "Visual Studio Light",
  "window.zoomLevel": 2,
  "open-in-browser.default":"Chrome",
  "files.associations": {
    "*.vue": "html"
  },
  "workbench.iconTheme": "vscode-icons",
  "vetur.validation.template": false,
  "open-in-browser.default": "chrome",
  "prettier.tabWidth": 2,
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "vetur.format.defaultFormatter.html": "prettier",
  "editor.tabSize": 2,

  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
        "language": "vue",
        "autoFix": true
      }],
    "eslint.autoFixOnSave": true,
    
    "editor.detectIndentation": false,
    "editor.renderControlCharacters": true,
    "editor.renderWhitespace": "all",
    "editor.tabSize": 2,

    "files.associations": {
      "*.vue": "vue"
  }
}

四、Visual Studio Code常使用快捷键

command + F  直接调出文件快速搜索

command + P  直接跳转到指定的文件

光标跳转的快捷键
按下 Option 和左方向键，把光标移动到当前单词的最前面

持续按下 Option 和右方向键，在文档中以单词为单位不停移动

按住 Cmd 和左右键把光标移动到行首或者行尾

按下 Cmd + Shift + \ 在一对花括号之间跳转

按下 Cmd 加上下方向键跳转到文档第一行或者最后一行

文本选择
同时按住 Option + 左方向键 + Shift 键，选中当前单词开头到光标之间的所有字符

按下 Cmd + Backspace 删除当前行光标后所有文本

按下 Cmd + Delete 删除当前行光标前的所有文本

Option + Delete 把当前单词里光标前的字符删除

Option + Backspace 把当前单词里光标后的字符删除

“Option + 上下方向键”，上下移动当前行
“Option + Shift + 上下方向键”，向上或下复制当前行

移动代码行，代码缩进发生改变


如果你要将一行代码注释掉，你只需按下 “ Cmd + / ” （Windows 上时 “Ctrl + /”）。
如果你需要把一整段代码注释掉，按下 “ Option + Shift + A”即可。


你可以按下 “Option + Shift + F” （Windows 上是 Alt + Shift + F）来对整个文档进行格式化，


你也可以选中一段代码，然后按下 “Cmd + K Cmd + F” （Windows 上是 Ctrl + K Ctrl + F），这样只有这段被选中的代码才会被格式化。


有的时候，你会觉得代码格式化太重了，需要的可能只是把代码里的缩进调整一下。这时你可以打开命令面板（快捷键“Cmd + Shift + P”），搜索 “缩进”，然后使用 “重新缩进行” 将整个文档的缩进进行调整，但更多时候，你只需要运行 “重新缩进选中行” 来调整部分选中代码行的缩进。

“Cmd + U”，撤销光标的移动和选择
ctr + z ,停止终端上一个命令