vscode使用教程前端-tft每日頭條

在衆多前端代碼編輯工具中，我最喜歡的就是微軟的vscode。首先它十分輕便，不吃硬件，運行非常順暢；其次是其各種各樣的插件使得編程效率蹭蹭地往上提，爸爸媽媽再也不用擔心我要加班了（才怪！！！不加班是不可能的）

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）1

下面推薦幾個我常用的vscode插件~

一 Auto Close Tag

Auto Close Tag——标簽自動閉合插件。安裝之後再也不用手動輸入閉合标簽，減少錯誤的同時大大提高了編程效率。

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）2

二 Auto Rename Tag

Auto Rename Tag——自動重命名插件。當我們需要修改某一标簽時，隻需要修改其中的一個标簽，對應的标簽會跟着一起修改，十分方便。

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）3

三 ESLint

ESLint——格式提醒。這個插件幫助我們規範我們的代碼，提高代碼的可讀性。但是有時候會感覺規範太嚴格，所以使用體驗因人而異。

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）4

四 Path Intellisense

Path Intellisense——路徑提醒插件。當我們輸入部分路徑時，它會提示我們當前輸入路徑下的所有文件，這樣我們不用輸入所有的路徑就可以選中我們需要的文件。

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）5

五 Bracket Pair Colorizer

Bracket Pair Colorizer——括号高亮插件。對應的括号使用相同的顔色，不同的括号使用不同的顔色區分，這樣代碼的結構層次一目了然。

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）6

六 Chinese (Simplified) Language Pack for Visual Studio Code

Chinese (Simplified) Language Pack for Visual Studio Code——vscode漢化包。漢化vscode軟件，對于英語不好的人十分友好，爸爸媽媽再也不用擔心我看不懂配置了。

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）7

七 Vetur | Vue 2 Snippets

不多說，這兩個插件時vue編程必備插件。

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）8

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）9

八 HTML Snippets

HTML Snippets——html代碼補全。隻用輸入部分标簽名、屬性名即可自動聯想相應的代碼，使用起來極度舒适，還要啥自行車。同樣的還有css、js等自動補全插件，這裡就不贅述了。

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）10

九鼓勵師（大霧）

代碼寫累了？沒關系，男神（女神）來鼓勵你（霧）

沒有你的男神（女神）？那就自己寫一個呀

vscode使用教程前端（這些都是前端工程師用的比較多的vscode插件）11

好了暫時就先分享這麼多了，後續找到更棒的插件再給你們分享~