vscode中创建vue文件没有代码模板提示解决办法
1.打开vscode2.在左侧第5个图标 或使用 shift+cmd+X快捷键 搜索安装的栏目,搜索“VueHelper”3.在结果中选择“0.10”版本,oysun开发。点击”install“4.插件安装完成5.点击文件-首选项-用户片段6.弹出的输入框“选择代码片段或创建代码片段”----并在输入框内输入vue.json,点击回车打开文件7.将模版代码拷贝到vue.json文件中,覆盖并保存8
·
1.打开vscode
2.在左侧第5个图标 或使用 shift+cmd+X快捷键 搜索安装的栏目,搜索“VueHelper”
3.在结果中选择“0.10”版本,oysun开发。点击”install“
4.插件安装完成
5.点击文件-首选项-用户片段
6.弹出的输入框“选择代码片段或创建代码片段”----并在输入框内输入vue.json,点击回车打开文件
7.将模版代码拷贝到vue.json文件中,覆盖并保存
8.复制的模板代码块如下
{ "Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", "<template>", " <div></div>", "</template>", "", "<script>", "export default {", " data () {", " return {", " };", " },", "", " components: {},", "", " computed: {},", "", " mounted: {},", "", " methods: {}", "}", "", "</script>", "<style lang='stylus' scoped>", "</style>" ], "description": "Log output to console" } }
9.新建.vue文件,输入vue点击Table键,即可弹出代码模板
更多推荐
已为社区贡献1条内容
所有评论(0)