vscode vue 文件模板的配置方法

更新時(shí)間：2019年07月23日 09:00:04 作者：stu_yiliang

這篇文章主要介紹了vscode vue 文件模板的配置方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

1. 安裝VueHelper插件

在這里插入圖片描述

2. 尋找 vue.json

按順序點(diǎn)擊vscode的：

文件
首選項(xiàng)
用戶代碼片段
接著搜索框中輸入 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. 測(cè)試

新建一個(gè) vue 文件
輸入 vue 之后，點(diǎn)擊 Tab 鍵
Happy Coding!

總結(jié)

以上所述是小編給大家介紹的vscode vue 文件模板的配置方法,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

您可能感興趣的文章:

相關(guān)文章

Vue修改Dom不生效的解決
這篇文章主要介紹了Vue修改Dom不生效的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-06-06
Ant?Design-vue?解決input前后空格問題(推薦)
最近做項(xiàng)目遇到這樣一個(gè)問題輸入框不允許有前后空格但字符中間可以有空格，怎么解決這個(gè)問題呢，接下來小編把a(bǔ)nt?Design-vue?解決input前后空格問題的實(shí)現(xiàn)代碼分享給大家，感興趣的朋友一起看看吧
2022-10-10
vue中利用Promise封裝jsonp并調(diào)取數(shù)據(jù)
Promise就是一個(gè)給一步操作提供的容器，在這個(gè)容器里，有兩個(gè)階段無法改變的階段，這兩個(gè)階段在文中給大家提到。對(duì)vue中利用Promise封裝jsonp并調(diào)取數(shù)據(jù) 的相關(guān)知識(shí)感興趣的朋友，跟隨小編一起看看吧
2019-06-06
Vue.js自定義事件的表單輸入組件方法
下面小編就為大家分享一篇Vue.js自定義事件的表單輸入組件方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
Vue-Router實(shí)現(xiàn)組件間跳轉(zhuǎn)的三種方法
這篇文章主要為大家詳細(xì)介紹了Vue-Router來實(shí)現(xiàn)組件間跳轉(zhuǎn)的三種方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
Vue.js實(shí)戰(zhàn)之組件的進(jìn)階
組件（Component）是 Vue.js 最強(qiáng)大的功能之一，之前的文章都只是用到了基本的封裝功能，這次將介紹一些更強(qiáng)大的擴(kuò)展。這篇文章主要介紹了Vue.js實(shí)戰(zhàn)之組件進(jìn)階的相關(guān)資料，需要的朋友們可以參考借鑒，下面來一起看看吧。
2017-04-04
Vue發(fā)送ajax請(qǐng)求方法介紹
這篇文章介紹了Vue發(fā)送ajax請(qǐng)求的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-01-01
vue中各組件之間傳遞數(shù)據(jù)的方法示例
Vue 的組件作用域都是孤立的，不允許在子組件的模板內(nèi)直接引用父組件的數(shù)據(jù)。必須使用特定的方法才能實(shí)現(xiàn)組件之間的數(shù)據(jù)傳遞。下面這篇文章主要給大家介紹了關(guān)于vue中各組件之間傳遞數(shù)據(jù)的方法示例，需要的朋友可以參考學(xué)習(xí)。
2017-07-07
axios?發(fā)?post?請(qǐng)求，后端接收不到參數(shù)的完美解決方案
這篇文章主要介紹了axios?發(fā)?post?請(qǐng)求，后端接收不到參數(shù)的解決方案,場(chǎng)景很簡(jiǎn)單，就是一個(gè)正常 axios post 請(qǐng)求，本文給大家分享問題原因分析及解決方案需要的朋友可以參考下
2022-12-12
Vue3中的ref和reactive響應(yīng)式原理解析
這篇文章主要介紹了Vue3中的ref和reactive響應(yīng)式,本節(jié)主要介紹了響應(yīng)式變量和對(duì)象，以及變量和對(duì)象在響應(yīng)式和非響應(yīng)式之間的轉(zhuǎn)換，需要的朋友可以參考下
2022-08-08