Visual Studio Code -- 插件篇
@(blog-簡書)
目錄
[TOC]
前端通用
View In Browser
- 功能
- 預覽HTML頁面
- 使用說明
- 安裝之后啄骇,在
html
文件中按Ctrl+F1
- 安裝之后啄骇,在
HTML Snippets
- 功能
- HTML代碼提示
- 演示
HTML CSS Class Completion
- 功能
- 掃描項目中的所有css中的class名饵史,在html中自動補全,安裝后每次打開自動啟用竿屹。
- 注意:如果css過多容易卡死访递。
- 演示
HTML CSS Support
- 功能
- 增加
.html
中css的代碼補全挡爵,可以手動增加配置文件來增加外部css中的class補全。 - 這個和上一個的功能差不多飒赃,推薦使用這個锭环。
- 增加
- 演示
Path Autocomplete
- 功能
- 路徑自動補齊
- 演示
Auto Rename Tag
- 功能
- 自動同步修改標簽
- 演示
Debugger for Chrome
- 功能
- 集合Chrome進行調(diào)試
beautify
- 功能
- 格式化代碼
微信小程序
vscode-wechat
- 功能
- 用vscode開發(fā)微信小程序
- 支持
wxml
端仰、wxss
語法高亮 - 頁面預覽
- 使用說明
- 啟動項目后按
Ctrl + f8
就可以開啟預覽功能
- 啟動項目后按
顏值控
Material-theme
- 功能
- 一個挺好看的代碼高亮主題。
- 演示
vscode-icons
- 功能
- 側(cè)欄的圖標
- 使用說明
- 安裝之后田藐,按下圖進行操作:
- 演示
background
- 功能
- 一個萌萌的插件荔烧,可以自己設(shè)置vsc的背景圖。
- 備注:安裝之后汽久,卸載鹤竭,還是更換了背景圖。
- 演示