編譯器代碼格式規范設置
通常我們寫代碼時，代碼縮進都是4個空格，但是在前端中，據全球投票統計，建議使用2個空格來進行代碼縮進。
首先我們打開webstorm中的設置，如果使用的是mac的同學直接使用command + ,快捷方式，來到Editor-->Code Style-->HTML，將Tab size和Indent的值改為2，同理在JavaScript中也改為2
vue模板配置
在我們使用html練習vue時，如果我們不想每次都要創建一次vue實例對象，那么我們可以在html中配置一個模板，以后直接使用vue標簽，就能直接引入代碼
我們打開webstorm中的設置，來到Editor-->Live Templates，選擇vue，點擊右上角的+
選擇Live Template，然后在Abbrevition中寫入vue，在Template text中寫入需要配置的模板文本內容即可
最后在當前頁面，有個!的地方，點擊Define
然后勾選HTML，點擊ok完成
最后實現的效果，我們在HTML中直接輸入vue，然后按tab，我們就會立馬出現剛剛配置好的模板代碼
