之前一直用webstorm,webstorm確實太重了,后來無意中發(fā)現(xiàn)了vscode缺厉。高顏值吸引了我哈哈哈…就一直用著。
VScode下載地址:點擊下載
很喜歡VScode的插件功能~想要什么插件就搜索隧土,
以下是我裝的一些插件提针,記錄防止下次裝機(jī)
只要點擊一下某款插件,插件的介紹和用法都會在右側(cè)窗口詳細(xì)介紹曹傀,還會有小動畫演示用法
- Auto Rename Tag —— 自動同步修改標(biāo)簽
- AutoFileName —— 自動補(bǔ)全路徑提示
- background —— 一個萌萌的插件辐脖,可以自己設(shè)置vsc的背景圖
- Bootstrap 3 Snippets —— bootstrap必備
- Debugger for Chrome —— 方便調(diào)試
- Document This —— Js的注釋模板
- ESLint —— 檢測JS必備
- Easy Less —— less文件自動實時編譯成css
- GBKtoUTF8
- Git History (git log)
- HTML CSS Support —— css自動補(bǔ)齊
- HTML Snippets —— 支持HTML5的標(biāo)簽提示
- JavaScript (ES6) code snippets
- jQuery Code Snippets —— jquery 自動提示
- JS-CSS-HTML Formatter —— 代碼對齊。每次保存代碼的時候它會自動對齊代碼
- Markdown Theme Kit —— 主題
- Dracula —— 主題
- node-readme
- Npm Intellisense —— npm包代碼提示
- One Dark Theme —— 一款背景主題
- Path Intellisense —— 路徑自動補(bǔ)全
- Project Manager
- Sort lines
- Typings Installer —— 安裝vscode 的代碼提示依賴庫皆愉,基于typtings的嗜价,比如提示angular或者jQuery智能感知
- vetur —— 目前比較好的Vue語法高亮
//vetur的配置[文件-首選項-設(shè)置]在右側(cè)覆蓋~
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"eslint.validate": [
"javascript",
"javascriptreact",
"vue"
],
"files.associations": {
"*.vue": "vue"
}
- View In Browser——在瀏覽器中預(yù)覽頁面(ctrl+F1)
- VS Color Picker——拾色器
- vscode-icons——讓vscode資源目錄加上圖標(biāo)
- vue
- Vue 2 Snippets——vue2語法高亮
設(shè)置字體大小等:
[文件-首選項-設(shè)置] 在右側(cè)覆蓋
VScode一直在更新,最近更新后幕庐,界面顯示語言變成了英文久锥。如果想設(shè)置成中文,按住f1 或者ctrl+shift+p 進(jìn)入命令行异剥,輸入“ Configure Language”
這里寫圖片描述
這里寫圖片描述
上圖是英文:en
配置成中文:zh-CN