vscode下載地址
官網下載：https://code.visualstudio.com/或者直接點擊**我的資源**下載
VScode使用教程
安裝教程
滑鼠左鍵雙擊，即可運行安裝程式
一：同意協議
二：選擇安裝路徑
很明顯可以看到VSCode的默認安裝路徑為C:\users\用戶名\AppData\Local\Programs\Microsoft VS Code
你可以對其進行修改：
- 點擊瀏覽按鈕
- 或者 直接在輸入框中刪掉默認路徑，然后進行填寫（注意：請使用英文輸入法）
三：在開始選單檔案夾中創建VSCode的快捷方式
- 你可以選擇更改開始選單檔案夾名字
- 或者不創建開始選單檔案夾
- 這一步無論你如何選擇，實際上幾乎不影響你使用VS Code
開始選單檔案夾就是：
安裝完成后，鍵盤上點擊 win ，你會明白的
四：一些很有用的設定
這些選項勾選后的效果如下：
- **效果一：**創建桌面快捷方式
桌面上將出現該VSCode的快捷方式
- **效果二：**將“通過Code打開”操作添加到 Windows 資源管理器檔案背景關系選單
選中任意檔案，點擊滑鼠右鍵
可以直接通過VSCode打開該檔案
- **效果三：**將“通過Code打開”操作添加到 Windows 資源管理器目錄背景關系選單
選中任意檔案夾，點擊滑鼠右鍵
可以直接通過VSCode打開該檔案夾
將VS Code的打開操作添加到檔案、檔案夾的右鍵選單中，會給我們的操作帶來極大的方便
- **效果四：**將Code注冊為受支持的檔案型別的編輯器
對于受支持檔案型別的檔案，可以右鍵 > 打開方式 > Visual Studio Code
來用VSCode打開該檔案
- **效果五：**添加到PATH
將VSCode添加到環境變數Path中，可以在控制臺（cmd或power shell）中輸入code打開VS Code
或者輸入
code .
將會在VSCode中打開該檔案夾（控制臺中顯示的路徑）
五：等待安裝完成
六：安裝完成
選擇是否立即打開VS Code
使用教程
1、創建一個空檔案夾，作為專案目錄
2、打開vscode，在檔案中選擇【打開檔案夾】，當然，我們也可以直接將檔案夾拖進vscode編輯器
3、在左側的“資源管理器”能看見我們的專案檔案夾，右鍵它，新建一個html檔案
4、我們輸入半角感嘆號 ! ，接著按下tab鍵，它將自動生成一個html結構
5、可以在body里撰寫我們自己的代碼
安裝插件
VSCode漢化
常用插件(安裝步驟同漢化)
- Auto Close Tag (自動閉合HTML/XML標簽)
- Auto Rename Tag (自動完成另一側標簽的同步修改)
- Beautify (格式化 html ,js,css)
- Bracket Pair Colorizer(給括號加上不同的顏色，便于區分不同的區塊)
- HTML CSS Support (智能提示CSS類名以及id)
- HTML Snippets(智能提示HTML標簽，以及標簽含義)
- open in browser(右鍵快速在瀏覽器中打開html檔案)
- Path Intellisense(自動提示檔案路徑)
- Class autocomplete for HTML(智能提示HTML class =“”屬性)
標題點關注，不迷路，安裝了vscode以后開始學習HTML詳解
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/229927.html
標籤：區塊鏈