Visual Studio Code初始設(shè)置

安裝完成的初始設(shè)置：

1. 設(shè)置中文

安裝中文簡體語言包，點擊插件圖標，搜索：Chinese (Simplified) Language Pack for Visual Studio Code，點擊安裝，重啟即可

2. 設(shè)置代碼字體大小

文件–首選項–設(shè)置–文本編輯器-字體

3. 瀏覽器便捷運行

點擊插件圖標，搜索：open in browser，點擊安裝，安裝完畢后—>在文件右鍵（open in default browser）即可默認瀏覽器運行編譯.html文件，或者（選擇其他瀏覽器運行 open in other browser）。

4. 元素標簽自動閉合

點擊插件圖標，搜索：Auto Rename Tag，點擊安裝

5. Vue語法高亮

點擊插件圖標，搜索：Vetur，點擊安裝

6. Javascript語法檢查

點擊插件圖標，搜索：ESLint，點擊安裝

7. 代碼格式化

點擊插件圖標，搜索：Beautify，點擊安裝

操作快捷：

  1. Html文件，輸入！后按回車鍵（或Tab鍵）快速生成結(jié)構(gòu)
  2. 輸入div#app后按回車自動生成<div id=”app”></div>
  3. Ctrl + Enter 在當(dāng)前行下插入新的一行,Ctrl + Shift+Enter 在當(dāng)前行上插入新的一行
  4. Ctrl + /添加關(guān)閉行注釋,Ctrl + Shift+A：塊注釋，先選中塊，再按快捷鍵
  5. 多行同時輸入：按下Alt鍵，鼠標點擊各行后即可輸入
  6. Alt+shift+F：格式化代碼
  7. 輸入 ul>li{這是第 $ 個li}*10 按回車會自動生成10個li項目列表
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容