windows 创建vite+vue的Vue3项目

1、升级npm

# 查看历史版本
npm -v

# 全局升级 npm
npm install -g npm@latest

# 验证新版本
npm -v

2、升级node （版本很低的可能需要升级）

3、打开终端，进入需要创建项目的所在目录(文件夹)

# 例如我需要把我的项目创建在 E:\Project 目录下：
cd E:\Project>

4、创建vite+vue项目

E:\Project>npm create vite@latest yue_project_name -- --vue  # 将yue_project_name改为自己的项目名称
Need to install the following packages:
create-vite@7.1.1
Ok to proceed? (y)  # 这里默认回车即可


> npx
> create-vite ArtExhibitFront --vue

|
o  Package name:
|  art_exhibi_tfront  # 输入自己的项目名称
|
o  Select a framework:
|  Vue  # 选择项目框架：Vue项目
|
o  Select a variant:
|  TypeScript  # 选择脚本框架
|
o  Scaffolding project in E:\Project\ArtExhibitFront...  # 等待即可完成
|
—  Done. Now run:

  cd ArtExhibitFront
  npm install
  npm run dev

E:\Project>

5、运行项目

E:\Project>cd ArtExhibitFront

E:\Project\ArtExhibitFront>npm install

E:\Project\ArtExhibitFront>npm run dev

6、打开浏览器：输入启动地址 http://localhost:5173/

完成