vue模板快速生成
每一次都手动敲重复代码的话,是一个很繁琐的事情,通过vscode自带代码片段可以解决我们大部分问题
文件 => 首选项 => 用户代码片段=>选择H5.json
{
"VUE": {
"prefix": "vue", // 触发的关键字 输入vue按下tab键
"body": [
"<div id="app">{{message}}</div>", //遇到代码内有""的,需要用进行转义
"<script src="../js/vue.js"></script>",
"<script>",
" let app = new Vue({",
" el: '#app',", // 表示制表符
" data: {",
" message: 'hello world'",
" }",
" })",
"</script>"
],
}
}
- 每一行的代码都需要用 " " 包裹,遇到代码内有 " 的,需要用 进行转义
- 表示制表符
- 空的一行必须用 "" 包裹
- $1代表光标第一次出现的位置, $2 代表按下tab后光标第二次出现的位置 $0表示光标最后出现的位置