创建vue3项目工程

1.vue-cli  创建 ( 基于 webpack )

查看@vue/cli版本，确保@vue/cli版本在4.5.0以上

vue --version

安装或者升级@vue/cli

npm install -g @vue/cli

执行创建命令

vue create  项目名称

运行vue项目

npm run dev

2.vite创建 （官网：https://cn.vuejs.org/guide/quick-start.html）

创建命令

npm create vue@latest

可选功能提示

具体配置：
#配置项目名称
✔ Project name: … <your-project-name>

#是否添加TypeScript支持

✔ Add TypeScript? … No / Yes 

#是否添加JSX支持

✔ Add JSX Support? … No / Yes 

#是否添加路由环境

✔ Add Vue Router for Single Page Application development? … No / Yes 

#是否添加pinia环境

✔ Add Pinia for state management? … No / Yes 

#是否添加单元测试

✔ Add Vitest for Unit testing? … No / Yes 

#是否添加端到端测试方案

✔ Add an End-to-End Testing Solution? … No / Cypress / Playwright 

#是否添加ESLint语法检查

✔ Add ESLint for code quality? … No / Yes 

#是否添加Prettier代码格式化

✔ Add Prettier for code formatting? … No / Yes 

#完成
Scaffolding project in ./<your-project-name>... 
Done.

在项目被创建后，安装依赖并启动开发服务器：

 cd <your-project-name>  //进入项目
 npm install    //安装依赖
 npm run dev    //启动

 

vue项目打包命令行：npm run build  ，当构建完成后，可以直接在dist目录下查看生成的HTML、JS、CSS等文件