深圳小程序开发_在vs code 中怎么创建一个自己的

发布时间:2021-01-05 09:27 作者:jianzhan

摘要: 在vs code 中怎样建立一个自身的 Vue 模版编码 本文关键详细介绍了在vs code 中怎样建立一个自身的 Vue 模版编码,文中根据文图并茂的方式给大伙儿详细介绍的十分详尽,对大伙儿的

在vs code 中如何创建一个自己的 Vue 模板代码       这篇文章主要介绍了在vs code 中如何创建一个自己的 Vue 模板代码,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

首先,在vs code 中打开定义模板代码的地方

第一步,点击“设置”图标按钮,在弹出的菜单中点击的“用户代码片段”(也就是模板)

第二步,在弹出的框中选择新建代码片段(可选为 全局/现在的项目 创建模板)

第三步,输入要新建的模板名称,然后,回车(这里我已经新建过了)

然后会自动打开下面这个页面,在这里我们就可以开始新建一个vue模板了

现在我们开始创建我们的模板了 这是一个模板例子

需要的可以直接拷贝到新建的模板文件中,然后按自己的风格改改

 "Print to console": { 
 "prefix": "vue", 
 "body": [ 
 " template ", 
 " div "$TM_FILENAME_BASE\" ",
 " ${0}",
 " /div ", 
 " /template ", 
 " script ", 
 "export default {",
 " name: '$TM_FILENAME_BASE',",
 " data () {",
 " return {",
 " };",
 " },",
 " methods: {}",
 "}",
 " /script ",
 " style lang='scss' scoped ",
 " /style "
 "description": "my vue template"
}

模板文件中各参数的含义

“prefix”: “vue”, // 定义触发模板的,字符串代码。这里我写的时“vue”。使用就是输入“vue”然后按tab

" name: ‘$TM_FILENAME_BASE',", // $TM_FILENAME_BASE 这个变量是当前的文件名

" div ", // html代码中我习惯使用双引号,所以这里用了反斜杠“\”转义双引号

description": “my vue template” // 就是字面上的意思,即,这个模板的描述信息

" ${0}", // ${0} 是生成模板后光标的位置,你可以同时放多个

最终效果

在新建的vue文件中输入“vue”,按tab键

就会自动生产一个vue的模板

到此这篇关于在vs code 中如何创建一个自己的 Vue 模板代码的文章就介绍到这了,更多相关vs code 创建Vue 模板内容请搜索凡科以前的文章或继续浏览下面的

  • 特惠超低价!腾迅云AMD

    模拟题目:优惠低价!腾讯云AMD CPU云服务器器器17元/月起 【PConline新闻报道新闻资讯】不久前,腾讯云全国性性最先强烈推荐AMDCPU云服务器器器,并开启优惠特惠选购主题风格主题活动

  • 可以免费发布新闻的网站

    最好涉及到IT新闻资讯的,权重值还非常好的。正巧看到这一难点,顺便表述一下,希望可以帮上这名小伙子子伴。根据我好多年的从业工作中工作经验,发布新闻报道报导的目的为提升

  • 《魔兽全球》复古服打开

    模拟题目:《魔兽全世界》复古时尚服开启彻底完全免费转服 手机游戏游戏玩家:这一难点疑惑决也无济于事 《魔兽全世界》复古时尚服自开服迄今一直遭到众多WOW老手机游戏游戏玩家

  • 商城系统跨平台公布,各

    原题目:商城系统跨平台公布,各大网站微信小程序,占领各大网站总流量 今年,以一场肺炎疫情打开。未曾想这次肺炎疫情危害这般极大,每个人家居防护,大型商场关掉,货运物流

  • 阿里巴巴云服务器器Wind

    模拟题目:阿里巴巴巴巴云服务器器器Windows镜像系统系统软件和Linux镜像系统系统软件具体实际操作系统软件手机软件选择攻略大全 阿里巴巴巴巴云ECS云服务器器器具体实际操作系统软