VSCode的使用配置以及VSCode插件的安裝教程詳解

發布時間：2020-10-06 21:14:17 來源：腳本之家閱讀：225 作者：冰糖棉花欄目：開發技術

配置篇

打開設置界面

許多設置都需要在設置界面進行，所以想要配置第一步就應該是打開設置界面。
1> 鼠標操作打開。File --> Preferences --> Settings

VSCode的使用配置以及VSCode插件的安裝教程詳解
2> 界面左下角的設置圖標

打開設置有的是代碼視圖，有的不是，可以通過設置右上角的三個點進行切換。

VSCode的使用配置以及VSCode插件的安裝教程詳解

tab鍵的縮進控制

VSCode默認的tab鍵是縮進4個空格，但是有很多時候我們需要修改這個縮進，如vue用ES6的時候縮進4個空格會報錯，這里我們就可以修改這個配置。
首先就是打開設置直接搜索 tabSize 將后面的4改成2即可，

VSCode的使用配置以及VSCode插件的安裝教程詳解

插件篇

插件安裝

安裝的插件非常簡單，我是直接點右側的Extensions進行安裝的，安裝過程需要聯網。

VSCode的使用配置以及VSCode插件的安裝教程詳解

打開插件管理頁面后，具體如下：

VSCode的使用配置以及VSCode插件的安裝教程詳解

點擊install就可以安裝了，安裝了之后 install就會變成下面這樣：

VSCode的使用配置以及VSCode插件的安裝教程詳解

插件列表：

SVN—(不解釋)
Vetur—— 語法高亮、智能感知、Emmet等
包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化選中代碼，兩個Ctrl需要同時按著）
EsLint —— 語法糾錯
Auto Close Tag —— 自動閉合HTML/XML標簽（這個我沒裝）
Auto Rename Tag —— 自動完成另一側標簽的同步修改（這個我也沒裝）
JavaScript(ES6) code snippets —— ES6語法智能提示以及快速輸入，除js外還支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各種包含js代碼文件的時間
Path Intellisense —— 自動路勁補全
HTML CSS Support —— 讓 html 標簽上寫class 智能提示當前項目所支持的樣式
vue

總結

到此這篇關于VSCode的使用配置以及VSCode插件的安裝教程詳解的文章就介紹到這了,更多相關VSCode的使用配置及插件安裝內容請搜索億速云以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持億速云！

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站