Visual Studio Code是由微軟公司推出的一款免費、開源的代碼編輯器,一經推出便受到開發者的歡迎。對于Web前端開發人員,一個強大的編輯器可以使開發變得簡單、便捷、高效。
Visual Studio Code編輯器特點:
1.輕巧、極速,占用系統資源較少。
2.具備智能代碼補全、語法高亮顯示、自定義快捷鍵和代碼匹配等功能。
3.跨平臺,可用于macOS、Windows和Linux系統。
4.主題界面的設計比較人性化。例如,可以快速查找文件并直接進行開發,可以通過分屏顯示代碼,可以自定義主題顏色(默認為黑色),也可以快速查看最近打開的項目文件和查看項目文件結構。
5.提供豐富的擴展(extension),用戶可根據需要自行下載和安裝擴展。常用的擴展有Chinese和live Server等。
Visual Studio Code的下載安裝
下載Visual Studio Code編輯器首先要到Visual Studio Code官方網站下載軟件到本地。
雙擊安裝包啟動安裝程序
點擊下一步,進入準備安裝界面,點擊安裝開始Visual Studio Code編輯器
Visual Studio Code編輯器主界面
點擊設置按鈕可以將主界面默認顏色(黑色)設置為"Light (default light)"。
設置后的效果如下:
安裝Chinese擴展
將Visual Studio Code編輯器的語言(默認英文)設置為中文。
實現步驟:單擊左邊欄中的第5個圖標按鈕(Extensions擴展按鈕)然后在搜索框中輸入關鍵詞“Chinese"找到中文語言擴展,最后單擊"Install”按鈕進行安裝。
安裝Live Server擴展
Live Server擴展可以創建一個本地服務器來預覽網頁,服務器的默認端口是5500,用戶也可以自行設置端口號、默認瀏覽器等。使用Live Server擴展運行程序時,如果對代碼進行了修改,不需要重新刷新瀏覽器即可更新頁面內容。
具體安裝步驟:單擊左邊欄中的第5個圖標按鈕(Extensions擴展按鈕),然后在搜索框中輸入關鍵詞“live server”找到該擴展,單擊“安裝”按鈕進行安裝。
版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。