vscode vue 文件模板的配置方法
1. 安裝VueHelper插件
2. 尋找 vue.json
按順序點擊vscode的:
- 文件
- 首選項
- 用戶代碼片段
- 接著搜索框中輸入
vue
, 回車
3. 填寫模板內(nèi)容
直接復(fù)制一下內(nèi)容到 vue.json
{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", " export default {", " name: '',", " data () {", " return {\n", " }", " },", " components: {\n", " }", " }", "</script>\n", "<style scoped>\n", " ", "</style>", "$2" ], "description": "Log output to console" } }
4. 重啟vscode
5. 測試
- 新建一個
vue
文件 - 輸入
vue
之后,點擊Tab
鍵 - Happy Coding!
總結(jié)
以上所述是小編給大家介紹的vscode vue 文件模板的配置方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
相關(guān)文章
Ant?Design-vue?解決input前后空格問題(推薦)
最近做項目遇到這樣一個問題輸入框不允許有前后空格但字符中間可以有空格,怎么解決這個問題呢,接下來小編把ant?Design-vue?解決input前后空格問題的實現(xiàn)代碼分享給大家,感興趣的朋友一起看看吧2022-10-10vue中利用Promise封裝jsonp并調(diào)取數(shù)據(jù)
Promise就是一個給一步操作提供的容器,在這個容器里,有兩個階段無法改變的階段,這兩個階段在文中給大家提到。對vue中利用Promise封裝jsonp并調(diào)取數(shù)據(jù) 的相關(guān)知識感興趣的朋友,跟隨小編一起看看吧2019-06-06Vue-Router實現(xiàn)組件間跳轉(zhuǎn)的三種方法
這篇文章主要為大家詳細介紹了Vue-Router來實現(xiàn)組件間跳轉(zhuǎn)的三種方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11axios?發(fā)?post?請求,后端接收不到參數(shù)的完美解決方案
這篇文章主要介紹了axios?發(fā)?post?請求,后端接收不到參數(shù)的解決方案,場景很簡單,就是一個正常 axios post 請求,本文給大家分享問題原因分析及解決方案需要的朋友可以參考下2022-12-12Vue3中的ref和reactive響應(yīng)式原理解析
這篇文章主要介紹了Vue3中的ref和reactive響應(yīng)式,本節(jié)主要介紹了響應(yīng)式變量和對象,以及變量和對象在響應(yīng)式和非響應(yīng)式之間的轉(zhuǎn)換,需要的朋友可以參考下2022-08-08