VS Code有哪些你常用的插件

2021-07-14 04:08:46

VS Code的強大無疑來自於它的插件市場。前一陣的爆火的超級瑪麗，還有很多摸魚神器，VS Code現在幾乎對所有的程式語言、框架和開發技術都有支援。提供這種支援的方式是多樣的，主要包括了為特定技術提供程式碼片段、語法高亮、Emmet以及智慧提示功能。

下面就來介紹一些插件，看看是不是和你常用的一樣

1. 程式碼片段插件

VS Code JavaScript(ES6) snippets：當前最流行的，已有超過120萬的下載量。這個插件為JavaScript、TypeScript、HTML、React和Vue提供了ES6的語法支援。JavaScript Snippet Pack：提供了有用的JavaScript程式碼片段集合。（這個連結打不開了）Atom JavaScript Snippet：移植自Atom的JavaScript插件。JavaScript Snippets：提供了ES6程式碼片段的集合。它包含對Mocha、Jasmine等其他BBD(Behavior-Driven Development)測試框架的支援。2. 語法高亮插件

JavaScript Atom Grammar：它用Atom編輯器裡的JavaScript語法高亮替換VS Code原來的。Babel JavaScript：支援ES201X、React、FlowType以及GraphQL的語法高亮。

DotENV：支援.env檔案語法高亮，在你使用Node時會非常有用。3. 程式碼檢測插件

ESLint：這個插件把ESLint整合到VS Code中。它是最流行的程式碼檢測插件，已有超過670萬下載量。它的規則在.eslintrc.json裡配置。JSHint：基於JSHint的程式碼檢測插件。在項目根目錄下使用.jshintrc檔案作為其配置。JavaScript Standard Style：零配置和嚴格規則的程式碼檢測，強制使用StandardJS規則。4. 程式碼格式化插件

Beatufy：一個jsBeautifier的插件，支援JavaScript、JSON、CSS和HTML。可通過.jsbeautifyrc檔案自定義。它是最流行的格式化工具，目前有230萬的下載量。Prettier Code Formatter：利用Prettier的支援JavaScript、TypeScript和CSS的插件，目前有超過150萬的下載量。JS Refactor：提供許多重構JavaScript程式碼的使用方法和操作，例如抽取變數和方法，把現有程式碼轉為使用箭頭函數和模板字元串的等價形式，匯出函數等。JavaScript Booster：一款了不起的程式碼重構工具。擁有需要程式碼操作，比如把var轉為const或者let，去除多餘的else語句，合併聲明和初始化。其靈感大量源於WebStorm的啟發。源碼：vscode-javascript-booster。VS Code擁有大量的高質量插件，這讓它在JavaScript開發者群體中廣受歡迎。寫JavaScript程式碼，再沒有比現在更容易了

VS Code有哪些你常用的插件

熱門文章