vscode vue 文件模板的配置方法
时间:2021-01-26 15:23:52|栏目:vue|点击: 次
1. 安装VueHelper插件
2. 寻找 vue.json
按顺序点击vscode的:
- 文件
- 首选项
- 用户代码片段
- 接着搜索框中输入
vue
, 回车
3. 填写模板内容
直接复制一下内容到 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!
总结
栏 目:vue
下一篇:Vue+axios+WebApi+NPOI导出Excel文件实例方法
本文标题:vscode vue 文件模板的配置方法
本文地址:http://www.codeinn.net/misctech/51514.html