vue3 - 01.配置项目安装脚手架

// 下载双击安装node：官网：https://nodejs.org/en/download/

// win+R -> cmd -> 输入node-v / npm-v，出现版本号，说明安装成功

// 构建vue项目脚手架，npm init vue@latest（推荐） / npm vite@latest（默认vue3，TS），可以需要去选择语言等等选项

// 进入项目根目录安装依赖：npm install，生成地址在浏览器打开即可

// nvm介绍：作用：node版本切换

// https://github.com/coreybutler/nvm-windows/releases 进入网址，选择：nvm-setup.exe，下载并安装，需要注意的是，路径中不能有空格，中文

// nvm help -> nvm帮助

// nvm list available -> 会列举各种版本的

// nvm list -> 查看当前本机已安装的版本

// nvm install 版本号 -> 安装想要安装的版本

// nvm use 版本号 -> 切换想要切换的node版本

// node -v -> 查看当前node版本

// nvm uninstall -> 卸载nvm

// 下载安装VSCode编辑器：Download Visual Studio Code - Mac, Linux, Windows

// 安装成功之后打开，在 拓展 搜索chinese汉化包，点击install安装，然后重启

// 如果你开发vue2，则安装vetur，如果你开发vue3，则安装volar 和 TypeScript vue plugin

// 安装好之后在编辑器点击左下角齿轮选择 配置用户代码片段，输入vue，选择vue.json，打开之后复制粘贴：

{
	"Print to console": {
		"prefix": "vue2",
		"body": [
			"<template>",
			"\t<div>",
			"\t\t$1",
			"\t</div>",
			"</template>",
			"<script>",
			"\texport default {",
			"\t\tdata() {",
			"\t\t\treturn {",
			"\t\t\t\t",
			"\t\t\t}",
			"\t\t}",
			"\t}",
			"</script>",
			"<style scoped>",
			"</style>",
			"$2"
		],
		"description": "Log output to console"
	},
	"Print2 to console": {
		"prefix": "vue3",
		"body": [
			"<template>",
			"\t<div>",
			"\t\t$1",
			"\t</div>",
			"</template>",
			"<script setup lang='ts'>",
			"\timport { ref } from 'vue'",
			"\t",
			"</script>",
			"<style scoped>",
			"</style>",
			"$2"
		],
		"description": "Log output to console"
	}
}

// 保存之后在页面中输入vue3，就能快速的生成便捷的代码准备工作了