使用vscode快速建立vue模板过程详解_vscode生成vue模板快捷键 - CSDN文库

43 浏览量更新于2023-03-16 评论收藏 34KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

使用使用vscode快速建立快速建立vue模板过程详解模板过程详解

Log output to console" }}保存后关闭这个文件。稍稍解释一下：$0 表示你希望生成代码后光标的位置 ; prefix 表

示生成对应预设代码的命令例如：我们新建一个名为header.vue的文件，输入内容vue按下enter，就会自动生成

内容.以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。您可能感兴趣的

文章:详

当我们希望每次新建.vue文件后，vscode能够根据配置，自动生成我们想要的内容。

打开vscode编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue，将代码ctrl+c 到

vue-html.json

{

"Print to console": {

"prefix": "vue",

"body": [

"",

"<template>",

" <div></div>",

"</template>",

"",

"<script>",

"export default {",

" data () {",

" return {",

" };",

" },",

"",

" components: {},",

"",

" computed: {},",

"",

" mounted: {},",

"",

" methods: {}",

"}",

"",

"</script>",

"<style lang='scss' scoped>",

"</style>"

],

"description": "Log output to console"

}

}

保存后关闭这个文件。

稍稍解释一下：$0 表示你希望生成代码后光标的位置 ; prefix 表示生成对应预设代码的命令

例如：我们新建一个名为header.vue的文件，输入内容vue按下enter，就会自动生成内容.

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38588854

粉丝: 11
资源: 958

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈