vscode 簡介
Visual Studio Code (簡稱 VS Code / VSC) 是微軟公司推出的一款免費開源的現(xiàn)代化輕量級代碼編輯器排监，支持幾乎所有主流的開發(fā)語言的語法高亮蓄坏、智能代碼補全究履、GIT 等特性信不，支持插件擴展等等........
推薦理由：
- 比 sublime 開源麻昼，比 webstorm 更輕:
- 智能提示很強大
- 自帶 emmet
- 插件安裝非常方便
- 自帶強大的調(diào)試功能
- 軟件跨平臺支持 Win宵统、Mac 以及 Linux娜氏。
VSCode 安裝
官網(wǎng)下載地址： https://code.visualstudio.com/
image.png
安裝步驟：
傻瓜式安裝拳缠，直接下一步即可。
image.png
image.png
image.png
- 如果需要改變默認的安裝路徑贸弥，在選擇目標位置時直接修改即可窟坐。
- 為方便以后使用，建議創(chuàng)建桌面快捷方式。
vscode 使用
推薦安裝的插件
找到左側(cè)的擴展快捷鍵(Ctrl+Shift+x)
image.png
| 插件 | 作用 |
|---|---|
| Chinese (Simplified) Language Pack for VS Code | 中文（簡體）語言包 |
| Live Server | 實時預覽 |
| Live Preview | 微軟開發(fā)內(nèi)嵌vscode(目前有bug)后期期待 |
| Auto Close Tag | 自動閉合標簽 |
| Auto Rename Tag | Auto Rename Tag |
| Bracket Pair Colorizer | 高亮代碼 |
| Class autocomplete for HTML | HTML 的類自動完成 |
| Error Lens | 語法提示報錯 |
| Prettier - Code formatter | 每次保存自動格式化代碼 |
| CSS Peek | 追蹤css樣式 |
| css-class-intellisense | css class智能提示 |
| Easy LESS | less翻譯識別css |
| ESLint | ## 查找并修復 JavaScript 代碼中的問題 |
vscode快捷鍵
| 快捷鍵名稱 | 快捷鍵 |
|---|---|
| 注釋： | |
| (單行注釋)/(取消單行注釋) | (ctrl+k,ctrl+c 或 ctrl+ / ) / (ctrl+k,ctrl+u) / (按下ctrl不放哲鸳，再按k + u) |
| (多行注釋) | (alt+shift+A) / ( / ** ) |
| 移動行 | alt+up/down |
| 顯示/隱藏左側(cè)目錄欄 | ctrl + b |
| 復制當前行 | shift + alt +up/down |
| 刪除當前行 | shift + ctrl + k |
| 控制臺終端顯示與隱藏 | ctrl + ~ |
| 查找文件/安裝vs code 插件地址 | ctrl + p |
| 代碼格式化 | shift + alt +f |
| 新建一個窗口 | ctrl + shift + n |
| 行增加縮進 | ctrl + [ |
| 行減少縮進 | ctrl + ] |
| 裁剪尾隨空格(去掉一行的末尾那些沒用的空格) | ctrl + shift + x |
| 字體放大/縮小 | ctrl + ( + 或 - ) |
| 拆分編輯器 | ctrl + 1/2/3 |
| 切換窗口 | ctrl + shift + left/right |
| 關(guān)閉編輯器窗口 | ctrl + w |
| 關(guān)閉所有窗口 | ctrl + k + w |
| 切換全屏 | F11 |
| 自動換行 | alt + z |
| 顯示git | ctrl + shift + g |
| 全局查找文件 | ctrl + shift + f |
| 顯示相關(guān)插件的命令(如：git log) | ctrl + shift + p |
| 選中文字 | shift + left / right / up / down |
| 折疊代碼 | ctrl + k + 0-9 (0是完全折疊) |
| 展開代碼 | ctrl + k + j (完全展開代碼) |
| 刪除行 | ctrl + shift + k |
| 快速切換主題 | ctrl + k / ctrl + t |
| 快速回到頂部 | ctrl + home |
| 快速回到底部 | ctrl + end |
| 格式化選定代碼 | ctrl + k / ctrl +f |
| 選中代碼 | shift + 鼠標左鍵 |
| 多行同時添加內(nèi)容（光標 | ctrl + alt + up/down |
| 全局替換 | ctrl + shift + h |
| 當前文件替換 | ctrl + h |
| 打開最近打開的文件 | ctrl + r |
| 打開新的命令窗 | ctrl + shift + c |
