有点不熟悉新装的volta(管理nodejs，yarn版本的),记录一下一个项目的创建过程

1.检查环境（nodejs）

1.同时按window+R键,输入cmd,打开命令提示符窗口
2. node –v　（查看本机安装的node版本）
npm –v　（查看本机安装的npm版本）

由于我采用了volta，所以我要先进入项目文件夹，然后像这样

volta install node@latest

安装配置环境，有点python虚拟环境那味道了

2.通过create-vue搭建vue3 项目

接下来就和以前一样了

进入你准备搭建vue3 项目的相应目录，同时按window+R键,输入cmd,打开命令提示符窗口，输入：

npm init vue@latest

这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。

你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示：

Vue.js - The Progressive JavaScript Framework
 
√ Project name: ... vueproject1
√ Add TypeScript? ... No / Yes
√ Add JSX Support? ... No / Yes
√ Add Vue Router for Single Page Application development? ... No / Yes
√ Add Pinia for state management? ... No / Yes
√ Add Vitest for Unit Testing? ... No / Yes
√ Add an End-to-End Testing Solution? » No
√ Add ESLint for code quality? ... No / Yes
 
Scaffolding project in C:\00program\vue\vuelearn\vueproject1...

依次输入问题的答案，创建项目：

  • Project name：------》项目名称，默认值：vue-project，可输入想要的项目名称，此处我写的是：vueproject1。

  • Add TypeScript? ------》是否加入TypeScript组件？默认值：No。

  • Add JSX Support? ------》是否加入JSX支持？默认值：No。

  • Add Vue Router for Single Page Application development? ------》是否为单页应用程序开发添加Vue Router路由管理组件？默认值：No。

  • Add Pinia for state management? ------》是否添加Pinia组件来进行状态管理？默认值：No。

  • Add Vitest for Unit testing? ------》是否添加Vitest来进行单元测试？默认值：No。

  • Add an End-to-End Testing Solution?------》是否添加端到端测试？默认值No。

  • Add ESLint for code quality? ------》是否添加ESLint来进行代码质量检查？默认值：No。

如果不确定是否要开启某个功能，可以直接按下回车键选择 No。

脚手架工程项目在指定位置被创建好。

在项目被创建后，通过以下步骤安装依赖并启动开发服务器：

Done. Now run:
  cd vueproject1
  npm install
  npm run dev

cd进入vueproject1目录后，依次输入以下命令，

npm install
npm run dev

vite服务器启动，显示了项目地址，浏览器打开就行了。

更方便的方法(本质上都是vite)

npm init vite@latest

一直选下去

然后npm install

一样的