在vscode里使用.vue代碼模板的方法
更新時間：2018年04月28日 16:19:33 作者：Peggy7
本篇文章主要介紹了在vscode里使用.vue代碼模板的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1.設置.vue模板
打開編輯器，點擊文件 —— 首選項 —— 用戶代碼片段，會彈出來一個輸入框。
在輸入框輸入vue，回車，會打開一個vue.json文件。
在里面復制以下代碼：
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div class=\"container\">\n",
" </div>",
"</template>\n",
"<script>",
"export default {",
" data() {",
" return {\n",
" }",
" },",
" components: {\n",
" }",
"}",
"</script>\n",
"<style scoped lang=\"scss\">\n",
"</style>",
"$2"
],
"description": "Log output to console"
}
}
模板內容可按自己的喜好自行修改。
然后新建一個.vue文件，輸入vue然后按tab鍵。
2.如果第一步沒有成功
如果第一步成功是最好的，萬一按tab鍵沒有成功生成模板，而是多了一個空格：
步驟一：點擊文件 —— 首選項 —— 設置，修改以下設置：
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"emmet.triggerExpansionOnTab": true
步驟二：點擊編輯器右下角笑臉左邊的文件類型，選擇配置文件關聯(lián)，輸入vue然后回車。右下角的文件類型就會從html變成vue。這時再用tab鍵就可以成功生成模板了~
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue獲取時間戳轉換為日期格式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
vue中this.$refs.name.offsetHeight獲取不到值問題
這篇文章主要介紹了vue中this.$refs.name.offsetHeight獲取不到值問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
Vue中router-view和component :is的區(qū)別解析
這篇文章主要介紹了Vue中router-view和component :is的區(qū)別解析,router-view用法直接填寫跳轉路由,路由組件會渲染<router-view></router-view>標簽,本文給大家介紹的非常詳細,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了Vue 過渡（動畫）transition組件案例詳解，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
本文主要介紹了vue element封裝form表單的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-06-06
基于Vue實現(xiàn)tab欄切換內容不斷實時刷新數據功能
在項目開發(fā)中遇到這樣需求，就是有幾個tab欄，每個tab欄對應的ajax請求不一樣，內容區(qū)域一樣，內容為實時刷新數據，實現(xiàn)方法其實很簡單的，下面小編給大家?guī)砹嘶赩ue實現(xiàn)tab欄切換內容不斷實時刷新數據功能，需要的朋友參考下吧2017-04-04
這篇文章主要介紹了vue3.0中的computed寫法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了vue3聲明字段名為枚舉的類型方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
Vue全局注冊中的kebab-case和PascalCase用法
這篇文章主要介紹了Vue全局注冊中的kebab-case和PascalCase用法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了Vue動態(tài)類的幾種使用方法總結，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01