欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用vscode添加vue模板步驟示例

 更新時(shí)間：2022年08月09日 14:51:29   作者：小叢的知識(shí)窩  
這篇文章主要為大家介紹了vscode添加vue模板步驟示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

在vscode中輸入vue生成vue文件的模板

效果

在vscode中輸入vue可以代碼補(bǔ)全

步驟

打開vscode

新建一個(gè)vue文件

文件–>首選項(xiàng)—>用戶代碼片段


在彈出的搜索框中輸入vue,并點(diǎn)擊

粘貼一下內(nèi)容,并保存

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"<div></div>",
			"</template>",
			"",
			"<script>",
			"",
			"export default {",
			"name: '' ,",
			"components: {},",
			"props:['list'],",
			"data() {",
			"return {",
			"",
			"}",
			"},",
			"computed: {},",
			"watch: {},",
			"created() {",
			"",
			"},",
			"mounted() {",
			"",
			"},",
			"beforeCreate() {",
			"",
			"},",
			"beforeMount() {",
			"",
			"},",
			"beforeUpdate() {",
			"",
			"}, ",
			"updated() {",
			"",
			"}, ",
			"beforeDestroy() {",
			"",
			"},",
			"destroyed() {",
			"",
			"},",
			"activated() {",
			"",
			"},",
			"methods: {",
			"",
			"}",
			"}",
			"</script>",
			"<style lang='less' scoped>",
			"$4",
			"</style>"
		],
		"description": "Log output to console"
	}
}

新建一個(gè)index.vue文件

輸入vue按回車或點(diǎn)擊

以上就是使用vscode添加vue模板步驟示例的詳細(xì)內(nèi)容，更多關(guān)于vscode添加vue模板的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評(píng)論