vscode vue 文件模板的配置方法
2019-07-23 09:00
981 查看
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 文件模板的配置方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关文章推荐
- vscode建立vue模板文件的方法
- vscode配置总结可收藏/vscode用户设置大全/vue代码模板
- vscode vue 文件模板
- vscode编辑器自动生成.vue文件三组标签结构的方法
- 使用vscode,根据vue基础模板文件生成代码
- VSCode配置文件“.vscode/c_cpp_properties.json”不断被覆盖的原因及解决方法
- [小tips]使用vscode,根据vue模板文件生成代码
- Vue工程模板文件 webpack打包配置方法
- 在vscode里使用.vue代码模板的方法
- PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
- [置顶] vue-cli的webpack模板项目配置文件分析
- 当使用VS CODE 时,如果窗口中打开的文件无法识别HTML的话,可以使用以下方法添加要识别的文件类型
- VS Code .vue文件代码缩进以及格式化代码
- VSCode c++配置文件
- vue-cli的webpack模板项目配置文件分析
- VSCode 配置React Native开发环境的方法
- vue-cli的webpack模板项目配置文件分析
- 使用Pycharm新建文件时头部模板的配置方法
- vscode建立vue模板
- VSCode下配置python调试运行环境的方法