第一篇：前端VSCode常用插件-快捷鍵-以及常用技巧-pink老師
好多小伙伴正在踏入前端的學(xué)習(xí)路程，?或者正在看pink老師的視頻，這里pink老師分享下我視頻里面的小插件或者小技巧，這里pink老師分為三個章節(jié)來介紹下，?馬上跟上錄制的視頻哦~
聽說，視頻跟筆記一起看更搭配哦~~~
VSCode軟件常用的插件
VSCode常用的快捷鍵
前端其他常用技巧/軟件
本篇文章先介紹下常見的插件~~~~
一、VSCode常用的插件
vscode之所以被稱為宇宙第一神器，其中豐富的插件功不可沒，安裝起來超級簡單，給我們開發(fā)帶來了極大的便捷。?注意，新手學(xué)習(xí)期間，不建議安裝形形色色的插件，用到啥就安裝啥。因為有些插件會到vue學(xué)習(xí)的時候引起沖突，所以這里pink老師介紹幾個常用的插件。
Chinese (Simplified)? 漢化
Auto Rename Tag
One Dark Pro? ?顏色主題
格式化代碼（vscode系統(tǒng)自帶）
open in browser? ?瀏覽器預(yù)覽頁面
Live Server? ?實時預(yù)覽（推薦）
vscode-icons? ?設(shè)置文件圖標(biāo)主題
Easy LESS? ?編譯less文件
會了吧? ?學(xué)習(xí)單詞插件 （可以使用）
1.Chinese (Simplified)??
vscode下載完畢是英文版的，先安裝這個插件，改為中文版，所以是我們第一個安裝的插件。
2.Auto Rename Tag?
修改開始標(biāo)簽，結(jié)束標(biāo)簽跟著自動變化，比較好用。
3.One Dark Pro? ?顏色主題?
我比較喜歡的一個顏色主題
頁面的效果：
4.格式化代碼（vscode系統(tǒng)自帶）?
現(xiàn)在格式化代碼的插件非常多，比如Prettier等等。?
剛開始學(xué)，不太建議安裝插件，先自己手寫規(guī)范的語法格式
但是html標(biāo)簽嵌套比較多，可能需要自動格式化比較好，所以我們可以利用vscode自動的功能格式化代碼，暫且不用格式化插件，自動保存照樣能格式化代碼。
（1）?點擊管理按鈕---選擇里面的設(shè)置命令
（2）選擇用戶 --->? 文本編輯器? --->? 正在格式化? --->? 勾選如下圖的2個按鈕
這樣，我們不用安裝插件，就可以自動保存自動格式化代碼了。
4.open in browser? ?瀏覽器預(yù)覽頁面?
編寫完代碼，需要瀏覽器預(yù)覽，可以安裝這個插件
6.?Live Server? ?實時預(yù)覽（推薦）?
剛才的插件是可以預(yù)覽我們的頁面，但是改完代碼，瀏覽器必須要重新刷新，比較麻煩，因此推薦各位小伙伴安裝?live?server?這個插件，修改完代碼，自動更新瀏覽器，爽歪歪~~~
小技巧：
剛開始學(xué)習(xí)前端，基本頁面很少，可以左邊編輯器，右邊瀏覽器，這樣編寫完畢代碼，保存完畢后，瀏覽器自動更新了。
注意點：
使用live?server?各位小伙伴要注意，?先用vscode?打開?文件所在的目錄文件夾哦。
7.?vscode-icons? ?設(shè)置文件圖標(biāo)主題?
可以很清楚看到文件對用的圖標(biāo)。
只是為了看文件更加直觀哈
8.?Easy LESS? ?編譯less文件
我們寫的less不能直接引入到html文件中，?通過這個插件可以自動幫我們生成?css文件
8.?會了吧?
是的，你沒看錯，這個插件的名字就是 <會了吧>
你是不是還在為英文單詞不認(rèn)識而發(fā)愁，是不是認(rèn)識不會讀而煩心，?這個插件你值得擁有。
里面會有單詞介紹，點擊還會有發(fā)音，喜歡吧。
好的，這篇文章，先介紹到這里，?學(xué)到vue的同學(xué)肯定就安裝vetru、eslint?等插件了，但是本章節(jié)先介紹pink老師視頻里面推薦各位同學(xué)使用的插件。
下一篇介紹下vsocde常見的快捷鍵。
