一、环境准备
创建vue项目之前，需要先安装Nodejs
二、Nodejs安装
1、打开官网
2、选择系统对应版本下载
3、安装验证 cmd命令行输入node-v，有版本号输出则代表安装成功
三、项目创建
3.1、基于vue-cli创建
1、vue --version //查看@vue/cli版本，确保@vue/cli版本在4.5.0以上
2、vue install -g @vue/cli //安装或者升级@vue/cli
3、vue create vue_test //执行创建命令
4、随后选择x3.0
Choose a version of Vue.js that you want to start the project with (Use arrow keys)
> 3.x
2.x
5、启动项目
cd vue_test
npm run serve
3.2基于vite创建(推荐)
1、创建命令
npm create vue@latest
2、具体配置
1.配置项目名称
√ Project name: vue_test
2.是否添加TypeScript支持
√ Add TypeScript? Yes
3.是否添加JSX支持
√ Add JSX Support? No
4.是否添加路由环境
√ Add Vue Router for Single Page Application development? Yes
5.是否添加pinia环境
√ Add Pinia for state management? Yes
6.是否添加单元测试
√ Add Vitest for Unit Testing? No
7。是否添加端到端测试方案
√ Add an End-to-End Testing Solution? » Yes
8.是否添加ESLint语法检查
√ Add ESLint for code quality? Yes
9.是否添加Prettiert代码格式化
√ Add Prettier for code formatting? No
3、启动项目
cd vue_test
npm run serve
