如何在vscode中新建一个特定的vue模板?
- 内容介绍
- 文章标签
- 相关推荐
本文共计284个文字,预计阅读时间需要2分钟。
推荐:学习VSCode基础教程,先下载Vue插件——vue-helper。在文件/选项/用户片段中搜索vue,在vue.json中粘贴以下代码:
json{ Print to console: { prefix: vue, body: [ template, div\n, /div\n, /template\n, script\n, export default {, \n} ], description: Vue template snippet }}
推荐:《vscode基础教程》
先下载vue插件—— vue-helper
文件/首选项/用户片段
搜索vue
在vue.json中粘贴以下代码
{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", " export default {", " data () {", " return {\n", " }", " },", " components: {\n", " }", " }", "</script>\n", "<style>\n", " ", "</style>", "$2" ], "description": "Log output to console" } }
保存,然后再使用模板的页面输入vue按tab健就好了
更多编程相关知识,可访问:编程入门!!
以上就是vscode中如何新建vue模板?方法介绍的详细内容,更多请关注自由互联其它相关文章!
本文共计284个文字,预计阅读时间需要2分钟。
推荐:学习VSCode基础教程,先下载Vue插件——vue-helper。在文件/选项/用户片段中搜索vue,在vue.json中粘贴以下代码:
json{ Print to console: { prefix: vue, body: [ template, div\n, /div\n, /template\n, script\n, export default {, \n} ], description: Vue template snippet }}
推荐:《vscode基础教程》
先下载vue插件—— vue-helper
文件/首选项/用户片段
搜索vue
在vue.json中粘贴以下代码
{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", " export default {", " data () {", " return {\n", " }", " },", " components: {\n", " }", " }", "</script>\n", "<style>\n", " ", "</style>", "$2" ], "description": "Log output to console" } }
保存,然后再使用模板的页面输入vue按tab健就好了
更多编程相关知识,可访问:编程入门!!
以上就是vscode中如何新建vue模板?方法介绍的详细内容,更多请关注自由互联其它相关文章!

