vscode 快速生成vue 格式

1.用快捷Ctrl + Shift + P唤出控制台

输入"Snippets"并选择 Snippets: Configure User Snippets

2.输入vue,选中vue.json

vs code自动生成vue.json文件

3.在 vue.json 中添加模板

{
	"Print to console": {
			"prefix": "vue2",
			"body": [
					"<template>",
					"  <div></div>",
					"</template>",
					"",
					"<script>",
					"export default {",
					"  components: {},",
					"  props: {},",
					"  data() {",
					"    return {",
					"    };",
					"  },",
					"  watch: {},",
					"  computed: {},",
					"  methods: {},",
					"  created() {},",
					"  mounted() {}",
					"};",
					"</script>",
					"<style lang=\"less\" scoped>",
					"</style>"
			],
			"description": "A vue file template"
	}
}

4.新建一个 vue 文件,输入"vue2",按下回车键,自动生成模板

相关推荐
羊小猪~~1 小时前
前端入门一之ES6--面向对象、够着函数和原型、继承、ES5新增方法、函数进阶、严格模式、高阶函数、闭包
开发语言·前端·javascript·css·vscode·html·es6
Byyyi耀2 小时前
更改 Jupyter Notebook 中文件的存放位置
ide·python·jupyter
CodeCraft Studio2 小时前
【实用技能】ASP.NET Core:在同一个 Razor 视图中使用文档编辑器和查看器
编辑器·asp.net
冷眼Σ(-᷅_-᷄๑)3 小时前
初识Python:IDE篇
ide·python
雪峰3 小时前
使用 Web Search 插件扩展 GitHub Copilot 问答
vscode·github·copilot
阿斯卡码9 小时前
jupyter添加、删除、查看内核
ide·python·jupyter
dllmayday10 小时前
VSCode 多工程联合调试
ide·vscode·编辑器
霖雨10 小时前
使用Visual Studio Code 快速新建Net项目
java·ide·windows·vscode·编辑器
一丝晨光12 小时前
编译器、IDE对C/C++新标准的支持
c语言·开发语言·c++·ide·msvc·visual studio·gcc