前言:vscode是微軟出品的,基於Electron和TypeScript的,現在已經是最火的一款文本編輯器。我認為vscode是可以完全取代你現有編輯器位置的一款(IDE)。它集成了git版本管理和命令行終端,而且開源穩定,插件豐富,再搭配一款改變你一生(life-changing)的Chrome瀏覽器,可以說是
前端開發神器
了,我就來簡單的講一下它的用法。
安裝指南
vscode需要用到node.js和git,如果沒有就到https://nodejs.org/en/download/下載node.js,然后到https://git-scm.com/downloads下載並安裝git,注意自己的系統版本,最后到https://code.visualstudio.com下載vscode並安裝好。
裝好之后像是這樣:
非常好用的插件
- eslint 一款javascript代碼風格檢查工具
- prettier 自動格式化你的代碼,變得整齊美觀
- coderunner 運行各種各樣的代碼
- gitlens 查看git修改記錄
- tslint 一款typescript代碼風格檢查工具
- vscode-icon 給你很多好看的圖標
非常好用的快捷鍵
- F1 打開可以輸入命令
- F2 重命名變量,方便重構
- F5 運行和調試代碼
- F12 去到定義的地方
- shift+F12 查找所有引用
- ctrl+g 會讓你輸入數字,快速定位到指定行
- ctrl+enter 在下方另起一行
- crtl+f 查找
- ctrl+shift+n 多開一個vscode編輯器
- alt+方向鍵上移/下移這一行
- ctrl+shift+k 刪掉光標所在那一行
- shift+alt+上/下 復制一行
- ctrl+p 快速打開文件
- ctrl+[ 或 ] 向左或右平移代碼
- ctrl+b 開關側邊欄
- ctrl+shift+m 開關控制台
- ctrl+h 替換
- shift+alt+鼠標拖拽 方塊選擇
<div class="ad-wrap" style="margin-top: 12px;">
</div>
</div>