[安裝] VS code 安裝與好用套件

VS code : 免費且功能強大的高效率編輯器

1. 下載

• 下載地址 : VS code官網

2. 開啟

• 在終端機輸入 code . 可開啟 VS code

3. 好用的套件

1. Mithril Emmet : 提供了一種非常簡練的語法規則，然後立刻生成對應的HTML 結構或者CSS 代碼

• html:5 : 產生標準的HTML格式

  

  

• > : 產生巢狀HTML

  EX : nav>ul>li

  

  

• 更多語法規則

1. open in browser : 檢視HTML產出的網頁

   Ctrl + Shift + P or F1 輸入指令 Open in Default Browser

2. Live Server : 修改HTML同時，即時更新網頁

   Ctrl + Shift + P or F1 輸入指令 Live Server: Open With Live Server

   • P.S. 出現錯誤 : Open a folder or workspace... (File -> Open Folder)

     • 需打開 folder or workspace 才能使用，file 不行

tags: 安裝 VS code VS code套件