关于前端:HTMLCSS-開發環境搭建VSCode-常用插件安裝及配置

8次阅读

共计 600 个字符,预计需要花费 2 分钟才能阅读完成。

編輯器 VSCode

下載地址:https://code.visualstudio.com…

插件

插件能够在 VSCode 的側邊欄 插件模塊裡面搜寻、安裝;或者在 Visual Studio Maketplace 搜寻和安裝,前提须要登入 Visual Studio 站點的帳號。

1. Live Server


Live Server 是 VSCode 編輯器的內建服務插件,能疾速打開網頁實時預覽編輯成果。

应用以及配置办法見 Live Server 插件頁面

2. Auto Rename Tag


Auto Rename Tag 能讓你不便編輯 HTML/XML 標籤對。

詳細介紹和配置,見 Auto Rename Tag 插件頁面

3. Bracket Pair Colorizer


这个扩大容许用色彩来辨认匹配的括号,用户能够自定義匹配的字符以及应用哪些顏色進行匹配顯示。

4. Prettier - Code formatter


Prettier 是一個代码格式化插件,它通过解析你的代码,用它本人的规定从新打印。

配置

根據個人的爱好進行設置。

Prettier 配置

  1. Setting -> 在配置檢索欄 檢索 prettier
  2. Prettier:Semi 勾销每行結尾增加分號。
  3. Prettier:Single Quote 勾選“用單引號代替雙引號”。

Format on Save 配置

  1. Setting -> 在配置檢索欄 檢索 format on save
  2. Editor: Format On Save 勾選“在保留文件時候格式化”。
正文完
 0