vscode使用

#主要分爲如下部分：

1. 經常使用快捷鍵
2. 軟件設置
3. 語言支持
4. git支持
5. 拓展安裝（主題和圖標設置 ）

小提示：

1. 熟練使用方向鍵，將提升編輯文件操做速度
2. 官方幫助文檔

一、經常使用快捷鍵

徹底快捷鍵請查看文件vscode快捷鍵

選中一個單詞  
    Ctrl + D 
選中一行  
    Ctrl + I 
放大縮小頁面
    Ctrl + +，Ctrl + -
已打開文件之間的切換  
    Ctrl + PageDown，Ctrl + PageUp  
打開文件
    Ctrl + P（輸入?，能夠給出幫助）
自動刪除行尾空白符  
    Ctrl + K，Ctrl + X  
自動代碼格式化
    Ctrl + Shift + F
打開控制檯
    Ctrl + `
打開命令面板
    Ctrl + Shift + P 
打開日誌輸出面板
    Ctrl + Shift + U
打開調試面板
    Ctrl + Shift + Y
關閉當前標籤頁
    Ctrl + W
開關側邊欄  
    Ctrl + B  
側邊欄快捷鍵  
   Ctrl + Shift + E，F，G，D，X打開資源管理器（Explorer），全局搜索（Find），Git，調試（Debug），拓展（External）  
經常使用的簡單的
    Ctrl + F
    Ctrl + H
    Ctrl + O
    Ctrl + S
    Ctrl + Shift + S

##二、軟件設置 點擊菜單欄 文件-首選項-工做區設置（用戶設置，全部的設置選項同樣，只不過用戶區設置是對當前用戶生效，工做區設置只對當前文件夾生效）
裏面能夠設置字體，操做方式等等
如下是個人經常使用設置

{
        "editor.fontSize": 20, // 字體設置
        "editor.rulers": [80, 120], // 標尺，用於提示本身一行儘可能不超過80字符，最多不超過120字符
        "editor.detectIndentation": true, // 自動檢測tab佔幾個空格
        "editor.wrappingColumn": 120, // 超過120個字符強制換行
        "editor.quickSuggestionsDelay": 0, // 0ms後顯示智能提示
        "editor.mouseWheelZoom": true, // 鼠標滾輪放大縮小主界面
        "editor.renderWhitespace": "all", // 顯示全部空白字符
        "editor.renderControlCharacters": true, // 顯示全部控制字符
        "editor.renderIndentGuides": true, // 顯示大括號的自動對齊線
        "files.trimTrailingWhitespace": true, // 保存文件時，自動刪除刪除行尾空格
        "files.autoSave": "on", // 自動保存
        "files.autoSaveDelay": 1000 // 1000ms後自動保存
}

##三、語言支持 徹底調試請看js語言支持 此部分主要簡單講解一下使用vscode進行調試nodejs）
test.js

let test = "this is just a test";
console.log(test);

按下F5，選擇Nodejs，會出現如下文件
lauch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "啓動程序",
            "program": "${workspaceRoot}\\test.js", // test.js 表明須要調試時將要執行的文件
            "cwd": "${workspaceRoot}",
            "outFiles": [],
            "sourceMaps": true
        },
        {
            "type": "node",
            "request": "attach",
            "name": "附加到進程",
            "port": 5858,
            "outFiles": [],
            "sourceMaps": true
        }
    ]
}

##四、git支持 git的支持也很簡單的，主要就是對於文件的diff，以及將文件的修改暫存起來
Ctrl + Enter會直接將暫存的修改Commit到本地倉庫，而後push到git服務器

##五、拓展安裝（主題和圖標設置 ） Ctrl + Shift + X打開插件商店，輸入react，能夠看到以下圖界面，點擊安裝便可 查找主題或者圖標則輸入tag:theme或者tag:icon-theme

#總結： vscode是一款至關出色的編輯器，是開發前端的得力助手，其插件拓展十分的有用。