VS Code安裝以及工作區的創建

1、下載地址

https://code.visualstudio.com/

2、安裝

三、初始設置

1、中文界面配置

• 首先安裝中文插件：Chinese (Simplified) Language Pack for Visual Studio Code
  
• 右下角彈出是否重啟vs，點擊“yes”
  
• 有些機器重啟后如果界面沒有變化，則 點擊 左邊欄Manage -> Command Paletet...【Ctrl+Shift+p】
  
• 在搜索框中輸入“configure display language”，回車
  
• 打開locale.json文件，修改文件下的屬性 "locale":"zh-cn" 

{
    // 定義 VS Code 的顯示語言。
    // 請參閱 https://go.microsoft.com/fwlink/?LinkId=761051，了解支持的語言列表。
    
    "locale":"zh-cn" // 更改將在重新啟動 VS Code 之后生效。
}

 

重啟vs

2、創建項目

vscode本身沒有新建項目的選項，所以要先創建一個空的文件夾，如project_xxxx。

然后打開vscode，再在vscode里面選擇 File -> Open Folder 打開文件夾，這樣才可以創建項目。

3、保存工作區

打開文件夾后，選擇“文件 -> 將工作區另存為...”，為工作區文件起一個名字，存儲在剛才的文件夾下即可

4、預覽網頁

以文件路徑方式打開網頁預覽

需要安裝“open in browser”插件：

文件右鍵 -> Open In Default Browser

 

以服務器方式打開網頁預覽

需要安裝“Live Server”插件：

文件右鍵 -> Open with Live Server

4、圖文詳解