ssh配置、vscode使用及常用擴充套件
阿新 • • 發佈：2020-07-19
1、ssh配置
1.1 進入命令列 win + r > cmd
1.2 輸入如下程式碼直接回車即可生成ssh
ssh-keygen -t rsa -C "[email protected]"
1.3 命令列輸入cd .ssh進入目錄，按下tab切換到id_rsa.pub檔案回車即可開啟 ，
複製內容(key)開啟github，Settings > SSH and GPG keys > New SSh keys
將複製的內容（key）貼上到Key中，取個title即可
2、vscode使用
2.1 關聯github遠端倉庫
開啟vscode，左側第三個，初始化儲存庫，複製github倉庫ssh連結，[email protected]:xx/xxx.git
ctrl + shift + d 開啟命令列，輸入remote 從列表中選擇新增遠端倉庫，貼上github倉庫連結，回車輸入遠端倉庫名（預設origin）即可。等待三分鐘左右，好吧，有時候不止，等待中……
2.2 拉取遠端程式碼
開啟原始碼管理，... > 拉取自 > 選擇之前連結，即可看到分支，預設只有一個origin/master,
若新建倉庫未選中md檔案初始化則沒有分支，自行新建分支更新至github倉庫即可。
友情提示：如果出現vscode host key verification failed或看不到分支
可執行ssh -T [email protected]
2.3 切換分支
開啟原始碼管理，... > 簽出到 > 分支名（如dev）
2.4 提交程式碼
開啟原始碼管理，... > √ > 備註資訊 > 推送到對應分支即可。
3、vscode常用擴充套件
| 擴充套件 | 說明 |
| Chinese (Simplified) Language Pack for Visual Studio Code | 中文簡體語言包 |
| Settings Sync |
擴充套件配置，*************** |
| Prettier - Code formatter | Prettier程式碼規範 |
| ESLiint | eslint程式碼規範 |
| Auto Close Tag | 自動新增關閉標籤 |
| Auto Rename Tag | 同步修改前後標籤名 |
| Bracket Pair Colorizer | 程式碼括號新增顏色 |
| Git History | 檢視歷史記錄，更為直觀 |
| GitLens — Git supercharged | 顯示當前行程式碼提交資訊 xxx提交 xxx備註 |
| HTML CSS Support | css 自動補齊 |
| IntelliSense for CSS class names in HTML | 將專案中 css 檔案裡的名稱智慧提示在 html 中 |
| HTML Snippets | HTML5標籤提示 |
| Image preview | 圖片顯示 |
| JavaScript (ES6) code snippets | ES6程式碼提示 |
| npm Intellisense |
自動引入vue元件及js模組，需配置，在專案根目錄下新建 |
| Project Manager | 可以儲存專案，便於切換 |
| Vetur | vuter提示 |
| Vue VSCode Snippets | 指定模板，可以自行新建程式碼便於重複使用 |