1 脚手架安装
1.1 vue脚手架安装
npm install -g @vue/cli
//注意脚手架版本。
1.2 安装react脚手架
npm i create-react-app -g
2 vue项目
2.1 vue cli脚手架创建vue项目
通过在目标文件夹下按shift加鼠标右键选中通过powershell打开(建议),然后输入以下命令
vue create ProName;//创建项目。其中ProName为项目名称。
//在此选择创建vue2还是vue3项目
cd ProName//进入项目
npm run serve//运行项目
2.2 vite创建vue项目
创建项目
npm init vite
//回车后进入选项
- Ok to proceed? (y) : 输入y确认继续
- Project name : 输入项目名称
- Select a framework: 选择所使用的框架
- Select a variant : 选择一个变体(语言),可以选使用js还是ts
完成创建
cd ProName//进入项目。ProName为你创建的项目名称
npm i//下载依赖
npm run dev//运行项目
2.3 react脚手架创建项目
create-react-app ProName//ProName为项目名称
安装依赖
npm i
运行项目
npm start
2.4 react脚手架创建react+ts项目
npx create-react-app my-app --template typescript