vscode vue 文件模板的配置方法
更新时间:2019年07月23日 09:00:04 作者:stu_yiliang
这篇文章主要介绍了vscode 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!
总结
以上所述是小编给大家介绍的vscode vue 文件模板的配置方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
相关文章
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
这篇文章主要介绍了vue项目接口管理,所有接口都在apis文件夹中统一管理操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08vue3+element-plus Dialog对话框的使用与setup 写法的用法
这篇文章主要介绍了vue3+element-plus Dialog对话框的使用 与 setup 写法的使用,本文通过两种方式结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-04-04详解vue 动态加载并注册组件且通过 render动态创建该组件
这篇文章主要介绍了vue 动态加载并注册组件且通过 render动态创建该组件,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
最新评论