Live Share
強烈推薦的一款插件,能在VS程序中打開文件而且顯示他的效果。很是很是實用!,具體功能介紹在你搜索該插件時候有說明,很是很是好用的一款插件!html
後續插件推薦轉載參考與其餘博主
一、Chinese Language
簡體中文漢化插件,和我同樣英文很差的童鞋能夠安裝這個插件進行漢化。這個插件重載以後尚未漢化成功的話,把編輯器關閉從新打開就好了。小程序
二、vscode-icons
讓 vscode 資源樹目錄加上圖標,有利於咱們進行文件格式的判斷。微信小程序
三、HTML Snippets
很實用的 HTML 代碼提示插件。微信
四、HTML CSS Support
HTML 標籤上寫class 智能提示當前項目所支持的樣式。app
五、jQuery Code Snippets
jQuery 代碼提示,用 jQuery 框架的必須裝。框架
六、Path Intellisense
自動路徑補全,方便咱們進行圖片、CSS、JavaScript等文件的路徑編寫。編輯器
七、Bootstrap 3 Sinnpet
Bootstrap 3 代碼提示插件,經常使用的話須要下載一個。this
八、Atuo Rename Tag
修改 html 標籤,自動幫你完成尾部閉合標籤的同步修改。.net
九、Bracket Pair Colorizer
給括號設置不一樣的顏色,有利於括號多的時候進行區分。插件
十、小程序助手
十一、minapp
十二、wechat-snippet
這三個都是微信小程序的代碼提示及自動補全插件,如今微信小程序這麼火怎麼能夠不下載。
以上這些是我的經常使用而且感受很是好用的,還有一些其餘的插件,好比
1三、HTMLHint
HTML代碼檢測
1四、beautify
格式化代碼插件,感受編輯器自帶的就夠用了。
1五、Document this
js 的註釋模板 (注意:新版的vscode已經原生支持,在function上輸入/** tab)
1六、vscode-fileheader
頂部註釋模板,可定義做者、時間等信息,並會自動更新最後修改時間
1七、Indent-Rainbow
使得對齊更加具備可讀性
1八、IntelliSense for CSS class names in HTML
基於你的項目以及經過link標籤引用的外部文件,該智能插件提供 HTML 中 CSS class 名字的補全。
1九、Trailing Spaces
高亮那些冗餘的空格,能夠快速刪掉
20、lit-html
在 JavaScript/TypeScript 的文件中,若是有使用到 HTML 標記,lit-html 提供語法高亮和相應的補全支持。
2一、CSS Peek
能夠在 HTML 中經過 CSS id 或則 class 來定位到其定義
原連接:http://www.javashuo.com/article/p-qietzasn-s.html