VSCode 安裝
1.下載地址:https://code.visualstudio.com/
根據自己的需要進行下載,我選擇的是window X64 的,其他系統大致相同
下載完成之后點擊進行安裝
路徑隨意吧,我放D盤
這一步注意勾選:
①將“通過code 打開“操作添加到windows資源管理器文件上下文菜單
②將“通過code 打開”操作添加到windows資源管理器目錄上下文菜單
說明:①②勾選上,可以對文件,目錄點擊鼠標右鍵,選擇使用 VScode 打開。
③將code注冊為受支持的文件類型的編輯器
說明:默認使用 VScode 打開諸如 txt,py 等文本類型的文件,一般建議不勾選。
讓 VScode 支持的代碼文件全部變成 VScode 默認打開,文件圖標也會隨之更改,很好辨認。
④添加到PATH(重啟后生效)
說明:這步驟默認的,勾選上,不用配置環境變量,可以直接使用。
安裝中:
完成!
安裝完成之后,進行插件的安裝!
首先對於英語學渣的我必須先安裝漢化插件
1.漢化插件安裝:
設置 -> 輸入 Chinese - > install 安裝
安裝之后點擊 restart now 重啟
界面成功漢化!
VSCode使用:
1.雙擊打開軟件
2.新建文件(Ctrl + n)
3.保存(Ctrl + s),注意一定要保存為 .html 文件
4.生成頁面骨架結構
輸入 ! 按下 tab 鍵
注意:英文輸入法下 按下 !
再按下 tab 鍵
5.Ctrl + 加號鍵, ctrl + 減號鍵 可以放大縮小視圖(這個自行體會即可)
6.利用插件(稍后講解)在瀏覽器中預覽頁面:單擊鼠標右鍵,在彈出出口中點擊“Open in Default Browser”
其他插件推薦:(首先安裝插件必須是在要有網絡下)
漢化:Chinese
編輯器中右鍵瀏覽器打開插件:Open in Browser
重啟編輯器,鼠標右鍵,就多出來一個瀏覽器打開的提示
自動重命名配對的HTML/XML 標簽: Auto Rename Tag
使用場景: 當雙標簽:p 要換成 span 標簽的 時候 需要手動修改 開始標簽和結束標簽
安裝:
演示:當我只修改了開始標簽,結束標簽也自動修改了
測試過這個插件不能用
每天打氣:萬丈高樓平地起,地基還得自己起,剛開始的繁瑣簡單,會為成就未來的你