vscode vue 文件模板的配置方法
更新時間：2019年07月23日 09:00:04 作者：stu_yiliang
這篇文章主要介紹了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)文章
這篇文章主要為大家詳細介紹了Vue實現(xiàn)可復(fù)用輪播組件的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
Vue3中使用vuedraggable拖拽實戰(zhàn)教程
這篇文章主要介紹了Vue3中使用vuedraggable拖拽實戰(zhàn)教程,文中通過示例介紹了vue3拖拽組件vuedraggable的使用demo，需要的朋友可以參考下2023-06-06
vue-router的導(dǎo)航守衛(wèi)使用最新講解
這篇文章主要介紹了vue-router的導(dǎo)航守衛(wèi)使用講解,vue-router提供了許多編程式導(dǎo)航的API，其中最常見的導(dǎo)航API有很多種，本文給大家詳細講解，需要的朋友可以參考下2022-12-12
Vue配合iView實現(xiàn)省市二級聯(lián)動的示例代碼
本篇文章主要介紹了Vue配合iView實現(xiàn)省市二級聯(lián)動的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
本篇文章主要介紹了詳解Vue用自定義指令完成一個下拉菜單（select組件），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了簡述vue狀態(tài)管理模式之vuex，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
Vue 實現(xiàn)拖動滑塊驗證功能(只有css+js沒有后臺驗證步驟)
這篇文章給大家介紹了基于vue實現(xiàn)拖動滑塊驗證功能，代碼引用css與js都是線上的，將代碼全部復(fù)制到一個html中可以直接打開，超級簡單，感興趣的朋友跟隨腳本之家小編一起看看吧2018-08-08
這篇文章主要為大家介紹了vue實現(xiàn)無縫滾動手摸手教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
vue cli4中mockjs在dev環(huán)境和build環(huán)境的配置詳情
這篇文章主要介紹了vue cli4中mockjs在dev環(huán)境和build環(huán)境的配置詳情，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue技巧Element Table二次封裝實戰(zhàn)示例
這篇文章主要為大家介紹了Vue技巧Element Table二次封裝實戰(zhàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11