vscode簡單使用介紹及個人常用擴展插件


vscode全稱Visual Studio Code 是微軟開發一款IDE,官方地址 vscode  作為一款前端編輯器功能很強大,靈活,可以根據個人喜好選擇擴展插件,而且還支持多種開發語言,

關於vscode的幾點小提示:

1)默認情況下vscode會讀取操作系統的顯示語言進行匹配,如果語言環境獲取不到,就會顯示默認英語;

2)vscode提供了各式主題顏色,可供用戶偏好選擇

 ——狀態欄 :文件=> 首選項 => 顏色主題(或者 點擊 左下角 設置符號彈出來選項框)

3)vscode提供了各類文件圖標icon主題,可供用戶偏好選擇

 ——狀態欄 :文件=> 首選項 => 文件圖標主題(或者 點擊 左下角 設置符號彈出來選項框)

效果如下:

4)快捷鍵 keybindings

——推薦幾個常用的快捷鍵

——1)“Ctrl+B” => 隱藏 /顯示左側導航

——2)“Ctrl+K” +"Z" => 切換至全屏模式(禪宗模式)有利於集中注意力開發

——3)“Ctrl + +”  => 放大編輯器頁面字體

——4)“Ctrl + -”  =>縮小編輯器頁面字體

——5)“Ctrl + /”  => 代碼注釋

——6)“Ctrl + S"  => 文件保存

——7)“Ctrl + Shift + Y "  => 顯示/隱藏底部控制台

——8)“!+ Enter “ => 一鍵生成HTML內容

 

前端開發常用的擴展插件:

1)Code Runner  必備的插件,可以直接幫助運行我們的代碼,(在編輯區=>右鍵鼠標=>Run Code =>編輯區底部查看運行結果)

2)JavaScript (ES6) code snippets  支持ES6的代碼片段;

3)npm 

4)npm intellisense 可以智能提示npm相關的命令

5)Open HTML in Default Browser 據說是中國人開發的,可以讓我們編輯的html直接在瀏覽器中打開

還有一些其他的vue,angular,react等前端框架都有想用的擴展插件,可以按需下載安裝;

擴展插件的查找安裝:

注:如果擴展插件下載安裝好無效,單擊‘’重新加載‘’,如果還是不行,就卸載插件然后重新安裝

 


免責聲明!

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



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