H5(04VSCode安裝,及插件使用)


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 標簽的 時候 需要手動修改 開始標簽和結束標簽

    

 

     

  安裝:

    

 

 

    演示:當我只修改了開始標簽,結束標簽也自動修改了

    

 

 

 

  

      

 

 

  

   

 

 

   測試過這個插件不能用

 

每天打氣:萬丈高樓平地起,地基還得自己起,剛開始的繁瑣簡單,會為成就未來的你


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM