vscode配置

clipboard.png

擴展清單

  • 1.文件類型圖標標識

安裝vscode-iconshtml

  • 2.項目管理,在多個項目中切換

安裝Project Manager,Ctrl + Shift + P git

  • 3.自動化格式代碼

  1. 藉助Ctrl + K + Dgithub

  2. 或者安裝Beautifychrome

  • 4.一鍵搭建各種語言的學習測試環境

安裝Code Runner,能夠快速調試各種語言瀏覽器

  • 5.如何和chrome進行聯動調試

安裝Debugger for Chrome學習

  • 6.如何實時自動檢測你的代碼規範與代碼中的錯誤

安裝ESLint(未裝)測試

  • 7.如何集成並美化你的終端到 VSCode 中

  1. ctrl + ` 打開或者關端終端spa

  2. 文件--首選項--設置 中,在用戶設置中添加"terminal.integrated.cursorStyle": "line",這樣終端的閃爍爲線型而不是塊狀調試

  • 8.瀏覽器調試html

安裝View In Browser代碼規範

  • 9.vscode設置同步到Git

  1. 安裝好Setting Sync,進入你的github頁,打開settings- Developer settings-Personal access tokens,選擇Generate new token

clipboard.png

記住這個token值

clipboard.png

2.轉向vscode,ctrl+shift+p,輸入sync,找到Update/Upload Settings(以下圖),輸入剛纔的token值。就會自動把設置同步到git,同時生成Github Gist值,記住這個值,這樣在其餘設備上的vsocde上使用Settings Sync,使用Download Settings,就能夠下載設置了
clipboard.png

相關文章
相關標籤/搜索