vue模板配置與webstorm代碼格式規范設置

1、編譯器代碼格式規范設置

通常我們寫代碼時，代碼縮進都是4個空格，但是在前端中，據全球投票統計，建議使用2個空格來進行代碼縮進。

首先我們打開webstorm中的設置，如果使用的是mac的同學直接使用command + ,快捷方式，來到Editor-->Code Style-->HTML，將Tab size和Indent的值改為2，同理在JavaScript中也改為2

在我們使用html練習vue時，如果我們不想每次都要創建一次vue實例對象，那麼我們可以在html中配置一個模板，以後直接使用vue標簽，就能直接引入代碼

我們打開webstorm中的設置，來到Editor-->Live Templates，選擇vue，點擊右上角的+

選擇Live Template，然後在Abbrevition中寫入vue，在Template text中寫入需要配置的模板文本內容即可

最後在當前頁面，有個!的地方，點擊Define

然後勾選HTML，點擊ok完成

最後實現的效果，我們在HTML中直接輸入vue，然後按tab，我們就會立馬出現剛剛配置好的模板代碼

到此這篇關於vue模板配置與webstorm代碼格式規范設置的文章就介紹到這瞭,更多相關 vue webstorm內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！