與vetur相同，volar是乙個針對vue的vscode外掛程式，不過與vetur不同的是，volar提供了更為強大的功能，讓人讚嘆。
安裝的方式很簡單，直接在vscode的外掛程式市場搜尋volar，然後點選安裝就可以了。
重頭戲來了！
volar作為vue的二代外掛程式，除了整合了vetur的相關功能，如高亮、語法提示等之外，更關注的，是它獨有的功能。
學過vue語法的應該都知道，在vue的template中，需要乙個唯一的根標籤，這是vue決定的，但是在vue3中，去除了這個限制，只要在template中，可以使用多個根標籤，不再需要考慮因為唯一根標籤所引起的問題。
說實話這不是volar的新功能，是vue3的，只不過使用volar之後不會報錯了。
vue單檔案元件，按照功能，存在template、script、style三個根元素。
就像常規的html檔案，在單一檔案內功能太多，容易造成檔案冗餘。乙個資料稍微多點的vue頁面，就可能有兩三千行**。隨之帶來的，就是各種不方便：找資料不方便、上下文切換不方便、開發不方便，等等等等。
為了解決這些問題，volar提供了乙個快捷方式。
在安裝好volar之後，進入.vue單檔案元件，會發現右上角多了乙個圖示
然後我們在頁面中寫入template、script、style根元素，點選一下這個圖示
按照功能，被拆分成了兩個視窗，並且每個視窗都負責自己的功能，其他的兩個根元素都被合併了。
也就是說，我們可以非常容易的進行區分開template、script、style了，把乙個檔案拆成三個視窗，當三個檔案來用，而且全部由外掛程式來幫你完成，我們只需要點一下即可。
不得不說，我特別喜歡這個功能。
Mac必備開發神器
下面介紹幾款mac下必備開發神器 iterm2 zsh ohmyzsh zsh autosuggestion homebrew alfred。iterm2是iterm的替代品，也是iterm的繼承者。它適用於使用macos 10.10或更高版本的mac。iterm2將iterm帶入了您從未想過的功能...
linux開發神器 Tmux
在linux上工作的朋友，可能會常常遇到這種情況 痛點1 在公司用putty連著linux開發機，程式正跑著，不知不覺到了下班的時候，要和老婆 女朋友約會了，但是程式還沒跑完，並且進度有點緊，還得把工作帶回家，怎麼辦？如果斷開網路，putty就會斷，無法看到程式跑的怎麼樣了。痛點2 在linux上用...
vue devtools vue開發除錯神器
由於vue是資料驅動的，所以這就存在在開發除錯中檢視dom結構並不能解析出什麼。但是借助vue devtools外掛程式，我們就可以很容易的對資料結構進行解析和除錯。建議使用npm 映象按照依賴包 命令列安裝npm 映象 npm install g cnpm registry 之後我們就可以使用cn...