個人 - vscode插件記錄

現在用的編譯器的是vscode，本身這個編譯器很小，很多功能都沒有，需要自己下載一些插件來完善功能，不知不覺下載的插件也有三十多個了，感覺需要記錄一下。

tips：1. vscode插件的安裝位置：’C:\Users\ 你的用戶名\.vscode\extensions‘；2. 因為vscode也在不斷的升級優化，所以某些插件可能並不需要了，所以下載的時候憑自己的需要下載；

1.  Auto Close Tag 

自動幫你補全html標簽

 

2. Auto Rename Tag

自動修改的開始或結束標簽（當你修改開始標簽或者結束標簽時，整個html標簽都會變）

 

3. background

給自己的vscode編譯器加一個萌萌的背景（警告：本插件是通過修改 vscode 的 css 文件的方式運行，所以會在初次安裝，或者 vscode 升級的時候，出現’code安裝似乎損壞，請重新安裝‘的提示，選擇 【不再提示】忽略就行了）

 

4. Bootstrap 3 Snippets

一些bootstrap3的樣式片段

 

5. Chinese (Simplified) Language Pack for Visual Studio Code

漢化vscode（不知道現在vscode有中文版的了沒，如果有的話這個插件就沒用了）

對不起，沒圖

 

6. Easy LESS

當你添加一個less文件的時候，保存后會自動生成一個css文件

 

7. File Peek

幫你定位到定義的文件

 

8. filesize

顯示當前文件的大小（出現在左下角）

 

9. HTML CSS Support

增加css代碼補全（可能是vscode自己升級了，還是其他插件有這個功能了，我禁用了之后還是可以補全，不過這個插件不大，下載個吧==！）

沒圖~

 

10. HTML Snippets

包括h5標准的標簽片段

 

11. Import Cost

在編輯器中顯示導入/需要包大小

 

12. Indenticator

高亮顯示當前行（好像也沒啥用了）

 

13. Java Server Pages (JSP)

可能查看jsp頁面

這個也沒圖

 

 14. JavaScript (ES6) code snippets

一些es6的的js代碼片段

 

15. language-stylus

支持Stylus語法來寫css

 

16.  Live Server

生成一個本地服務器，並可以熱更新

 

17. Material Theme

去年用vscode的時候主題丑的不行，這個提供一些主題選擇

18. Modified Seti Theme

也是一個主題

 

19. npm

vscode里使用npm（不知道具體什么用了，不過好像很厲害的樣子）

 

20. npm Intellisense

還是跟npm有關的

 

21. One Monokai Theme

又一個主題

 

22. open in browser

在vscode里打開瀏覽器預覽

 

23.  Path Intellisense

自動填充文件名

 

24. SVN Changes

查看svn的改變（不會用。。）

 

25. Version Lens

顯示每個包的最新版本

 

 

26. Vetur

關於vue的一個插件，提供一些代碼片段，高亮顯示，debug測試之類的

 

27. VS Code CSS Comments

一個css的注釋片段

 

28. vscode-caniuse

caniuse前端應該都知道吧

 

 

29. vscode-icons

一個圖標庫（只能怪當時的vscode的圖標實在不好看啊）

 

 

30. Vue 2 Snippets

vue2的一些代碼片段（是不是以后還會有34567的插件呢？）

 

31. webpack

忘了有啥用了，但是webpack現在很常用，所以還是下載個吧

 

32. 小程序助手

開發小程序的時候，有時候需要用vscode打開，下載的這個插件，不過似乎沒啥用

 

 

未完待續...