前言

相信網路上已經有很多有類似的文章,此文章為筆者我自己的小筆記,如果這篇文章有幫到你的話,那真的是太好了!!!

0.Visual Studio Code

Visual Studio Code 官方下載頁面
Visual Studio Code 官方下載頁面
  • 官方連結(點我另開新分頁)
  • 推薦Visual Studio Code (VS Code)擴充套件,首先第一個當然是推薦VS Code 程式!這是入門的第一步!!接下來你才能感受到擴充套件的便利性 enjoy!~~~~

 

1.Chinese(Traditional) Language Pack for Visual Studio Code

Chinese(Traditional) Language Pack for Visual Studio Code 官方下載頁面
Chinese(Traditional) Language Pack for Visual Studio Code 官方下載頁面
  • 官方連結(點我另開新分頁)
  • VS Code中文化
  • 喜歡中文介面,可以考慮安裝
  • 喜歡英文介面,可以略過安裝

 

2.LIVE Server

Live Server 官方下載頁面
Live Server 官方下載頁面
  • 官方連結(點我另開新分頁
  • 不需要另外見伺服器
  • 編輯檔案並存檔,網頁畫面可以即時更新

 

3.Atom One Dark Theme

Atom One Dark Theme 官方下載頁面
Atom One Dark Theme 官方下載頁面
  • 官方連結(點我另開新分頁)
  • 佈景主題
  • 網路上滿多人常用的佈景主題
  • 下方圖片是「 預設的主題」 Vs 「Atom One Dark Theme」

 

4.[Deprecated] Bracket Pair Colorizer 2

[Deprecated] Bracket Pair Colorizer 2 官方下載頁面
[Deprecated] Bracket Pair Colorizer 2 官方下載頁面
  • 官方連結(點我另開新分頁
  • 解決大括號是屬於哪個程式區塊
  • 此延伸模組已被取代,因為此功能現在已內建為 VS Code。設定這些 設定 以使用此功能

 

5.indent-rainbow

indent-rainbow 官方下載頁面
indent-rainbow 官方下載頁面
  • 官方連結(點我另開新分頁
  • 開發程式可以很清楚知道程式區塊
  • 下圖左側為套用indent-rainbow 效果
  • 下圖右側預設效果
indent-rainbow 官方說明圖片

 

6.Material Icon Theme

Material Icon Theme 官方下載頁面
Material Icon Theme 官方下載頁面
選擇Material Icon Theme 圖示主題
VS Code 預設圖示主題
Material Icon Theme 圖示主題

 

7.Prettier – Code formatter

Prettier - Code formatter 官方下載頁面
Prettier – Code formatter 官方下載頁面

arrow
arrow
    創作者介紹
    創作者 gamer99122 的頭像
    gamer99122

    菜鳥L的手札

    gamer99122 發表在 痞客邦 留言(0) 人氣()