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等前端框架都有想用的擴展插件,可以按需下載安裝;
擴展插件的查找安裝:
注:如果擴展插件下載安裝好無效,單擊‘’重新加載‘’,如果還是不行,就卸載插件然后重新安裝