改變你一生的編輯器:VSCode使用總結


前言: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並安裝好。

裝好之后像是這樣: 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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM