Vscode 提高工作效率的21個擴充套件

藤蔓繞竹發表於2018-12-26

是你的程式碼寫的太慢嗎,不是滴,是因為沒有好的擴充套件,沒有的裝起來,有的繼續努力,對於擴充我只想說,沒有最好用,只有更好用,每個都有連結,需要的點進去瞅瞅吧


1.Live Server 實時重新整理頁面 沒有服務你也不用自己重新整理了,但頁面福利?❤️❤️?

2.Auto Close Tag

自動閉合標籤

<div> 自動補齊</div>

3.AutoFileName

4.Beautify css/sass/scss/less 樣式美化工具     CSS Peek

IntelliSense for CSS, SCSS class names in HTML, Slim and SCSS  給你寫的css加下拉提示

5.Chinese (Simplified) Language Pack for Visual Studio Codems-ceintl.vscode-language-pack-zh-hans  中文包

6.Code Runner 程式碼自執行工具

7.Dracula Official 顏色特別分明的主題

8.EditorConfig for VS Code 

9.ES7 React/Redux/GraphQL/React-Native snippets 使用react的大福利 ,讓你的程式碼編輯速度更快   

搭配起來更好使:React Native Tools/Full React/React Native/React Router/Redux/GraphQL/ES7/Testing/PropTypes snippetswalter-ribeiro.full-react-snippets


10.ESLint  語法校驗

11.Git Easy 好用的git管理 Git History Diff   Git History Diff

三個搭配起來簡直無敵?❤️❤️?

12.Image preview  引入路徑,放上就可以看圖圖了

13.JavaScript Snippet Pack

14.minapp 微信小程式開發的福利?❤️❤️?

15.open in browser 把你的html在瀏覽器顯示

16.Sorting HTML and Jade attributes

17.String Manipulation 快速搜尋定位檔案 快捷鍵 win+p?❤️❤️?

18.vscode-fileheader 給你的程式碼加個規範的介紹吧(自動更新修改時間,作者支援自定義)

/*
 * @Author: mikey.zhaopeng
 * @Date:   2016-07-29 15:57:29
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2016-08-09 13:29:41
 */複製程式碼


19.vscode-icons 一個簡單的圖示主題

20. vscode-styled-jsx 這個jsx支援

21.Ant Design Snippets

看名字就知道是誰的 自動引入標籤庫和相應屬性提示





相關文章