VScode是一個我最近才開始用的編輯器,在此列幾個自己在用的插件,以備換機時的需要。
auto close tag
beautify css/sass/scss/less
one dark theme
scss intellisense
vscode great icons
vscode-icons
vue 2 snippets
syntax highlight for vue.js
.vue component syntax highlight
=========================
View In Browser
- 預覽頁面(ctrl+F1)
vscode-icons
- 側欄的圖標,對於一個有視覺強迫症的人是必須要的
HTML Snippets
- 支持HTML5的標簽提示
HTML CSS support
- css自動補齊
JS-CSS-HTML Formatter
- 格式化
jQuery Code Snippets
- jquery 自動提示
Path Autocomplete
- 路徑自動補齊
Npm Intellisense
- npm包代碼提示
ESLint
- 檢測JS必備
Debugger for Chrome
- 方便調試
Auto Rename Tag
- 自動同步修改標簽
Bootstrap 3 Snippets
- bootstrap必備
Vue 2 Snippets
- vue必備
background
- 一個萌萌的插件,可以自己設置vsc的背景圖
=========================
vscode-icons
安裝成功后,點擊Reload重新加載。
然后配置,當前圖標使用VsCode-Icons
Go to File > Preferences > File Icon Theme > VSCode Icons.
如下圖:




3.顯示結果


