溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“vue模板配置與webstorm代碼格式規范設置的方法教程”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“vue模板配置與webstorm代碼格式規范設置的方法教程”吧!
1、編譯器代碼格式規范設置
2、vue模板配置
通常我們寫代碼時，代碼縮進都是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代碼格式規范設置的方法教程”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
