VUE插件整理


轉自:https://blog.csdn.net/miaozhenzhong/article/details/80138174

1.VsCode官方插件地址:

https://marketplace.visualstudio.com/vscode

http://code.visualstudio.com/docs

官網下載地址:http://code.visualstudio.com/

2.使用方法,可以在官網中搜索需要的插件或者在VsCode的“”擴展“”中搜索需要的插件

添加方法使用Ctrl+P, 輸入 ext install xxxx ,搜索要安裝的插件,點擊安裝按鈕即可

3.常用插件說明:

一、HTML Snippets

超級使用且初級的H5代碼片段以及提示

二、HTML CSS Support 

讓HTML標簽上寫class智能提示當前項目所支持的樣式

三、Debugger for Chrome 

讓vscode映射chrome的debug功能,靜態頁面都可以用vscode來打斷點調試、配飾稍微復雜一點

四、JQuery Code Snippets

jquery提示工具

五、Path Intellisense

自動路徑補全、默認不帶這個功能

六、Npm Intellisense

require 時的包提示

七、Document this 

Js的注釋模板

八、ESlint

ESlint接管原聲js提示,可以自定制體會規則。這個比較高玩、

九、Project Manager

多個項目之間快速切換的工具

十、beautiful

格式化代碼的工具

十一、Typings Installer

安裝vscode 的代碼提示依賴庫,基於typtings的,比如提示angular或者jQuery只能感知、至於什么是typtings自己去百度。

十二、Bootstrap 3 Sinnpet

常用bootstrap的可以下

十三、Auto Rename Tag

修改html標簽,自動幫你完成尾部閉合標簽的同步修改,和webstorm一樣。

 

圖標、代碼樣式插件

一、JavaScript Atom Grammar

使用atom風格的語法高亮、對於習慣瀏覽atom風格代碼高亮的人實用。

二、vscode-icon

讓vscode資源目錄加上圖標、必備

三、One Dark Theme

來自Atom的one dark主題好看實用

四、Material、Material Neutral ............

 

更多:

Visual Studio Code 1.8 發布

VSCode插件之View In Browser‘在瀏覽器中查看

VsCode插件之vscode-icons

Visual Studio Code插件之Atom One Dark Syntax Theme


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM