1. 安裝一個插件，識別vue文件

2.新建代碼片段

文件–>首選項–>用戶代碼片段–>點擊新建代碼片段–取名vue.json 確定

3.粘貼入自己寫的.vue模板

{

"Print to console": {

"prefix": "vue",

"body": [

"",

"",

"

$5",

"",

"",

"

"",

"export default {",

"components: {},",

"data() {",

"return {",

"",

"}",

"},",

"computed: {},",

"watch: {},",

"methods: {",

"",

"},",

"created() {",

"",

"},",

"mounted() {",

"",

"},",

"}",

"",

"

"$4",

""

],

"description": "Log output to console"

}

}

4.上面代碼中的 “prefix”: “vue”, 就是快捷鍵；保存好之后，新建.vue結尾的文件

輸入vue 按鍵盤的tab

補充：

vscode之快速生成vue模板的配置

在vscode中點擊左下角的設置---用戶代碼片段---輸入：vue.json，將以下代碼復制保存，然后新建.vue文件，輸入：vue，回車即可。可按需自行添加內容。

{

"Print to console": {

"prefix": "vue",

"body": [

"",

"

",

" $0",

"

",

"",

"",

"

"",

" export default {",

" name:'',",

" props:[''],",

" data () {",

" return {",

"",

" };",

" },",

"",

" components: {},",

"",

" computed: {},",

"",

" beforeMount() {},",

"",

" mounted() {},",

"",

" methods: {},",

"",

" watch: {}",

"",

" }",

"",

"",

"

"",

""

],

"description": "Log output to console"

}

}

總結

到此這篇關于VSCode寫vue項目一鍵生成.vue模版,修改定義其他模板的方法的文章就介紹到這了,更多相關VSCode 生成vue模板內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持腳本之家！

總結

以上是生活随笔為你收集整理的vscode生成vue模板快捷键_VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。