专栏首页跟着阿笨一起玩NETvscode自动生成vue模板教程

vscode自动生成vue模板教程

vscode自动生成vue模板步骤

step1: 文件-首选项-用户代码片段,输入vue,点击enter后进入vue.json文件,将下方代码完全覆盖掉以前内容,保存

step2:测试 新进test.vue文件,在vue文件中输入vh,点击enter就能自动生成模板了,如果想调整模板内容,在vue.json中修改

{
	"Print to console": {
	
		"prefix": "vh",
	
		"body": [
	
		"<template>",
	
		" <div>$0</div>",
	
		"</template>",
	
		"",
	
		"<script>",
	
		"export default {",
	
		"  data () {",
	
		"    return {",
	
		"    }",
	
		"  }",
		"}",
	
		"",
	
		"</script>",
	
		"<style scoped>",
	
		"</style>",
	
		"",
	],
	
		"description": "Log output to console"
		}
	}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 将图片保存到XML文件的方法

    跟着阿笨一起玩NET
  • 嘿,原来不认识你,想不到你这么好用—说说.NET中被我忽视的方法

    下面就说说被我忽视过的方法。当然,每个人的编程经历,涉猎面及对.NET的认知程度都不一样。所以,这只是一家之言,肯定有很多不足之处,欢迎大家批评指正。

    跟着阿笨一起玩NET
  • VSCode配置Eslint保存时候自动格式化

    https://www.cnblogs.com/cbpm-wuhq/p/12446880.html

    跟着阿笨一起玩NET
  • vscode/webstorm自定义vue模板

    在进行vue项目时,我们需要对编译器进一步配置来支持vue文件以及相关模板语法的高亮显示等。本文列出关于webstorm和vscode两种常用编译器的模板语法配...

    流眸
  • 17、webpack从0到1-构建vue项目

    Ewall
  • 抛开vue-cli,一步步搭建vue+webpack环境

    敲代码没有高亮简直蛋疼,简单带过下 sublime打开 —→ 点击Preferences下的Package Control —→ 输入install pack...

    杨肆月
  • flag - 4-5月份预整理总结的文章目录

    xing.org1^
  • vue 项目局域网访问项目

    “serve”: “vue-cli-service serve “,  // 原本是这样的

    kirin
  • Vue学习笔记之vue-cli脚手架安装和webpack-simple模板项目生成

    vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。

    Jetpropelledsnake21
  • vue2.0做移动端开发用到的相关插件和经验总结

    Daotin

扫码关注云+社区

领取腾讯云代金券