今天教大家如何使用命令创建一个vue3的若依框架项目
-
环境准备:
- 确保已安装16.0或更高版本的Node.js。
- 安装推荐的包管理器pnpm,可以通过命令
npm install -g pnpm
进行安装。
-
安装create-vue工具:
- 执行命令
npm init vue@latest
来安装并执行create-vue创建项目。
- 执行命令
-
创建Vue3项目:
- 使用npm或pnpm创建Vue3项目。例如,使用npm的命令为
npm create vite@latest
,使用pnpm的命令为pnpm create vite
。 - 在创建过程中,选择Vue框架,并选择JavaScript作为数据类型。
- 使用npm或pnpm创建Vue3项目。例如,使用npm的命令为
-
克隆若依Vue3项目仓库:
在D盘新建一个文件夹用于存储新项目,然后右击这个空的文件夹,点击Open Git Bash here
-
-
通过命令
git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git
克隆若依Vue3项目仓库。
-
-
安装依赖:
- 进入项目目录,并使用
npm install
安装所需依赖 - 或者
npm install --registry=https://registry.npmmirror.com
。
- 进入项目目录,并使用
-
配置修改:
- 在
.env.development
文件中进行配置调整,例如设置页面标题、开发环境配置和若依管理系统的开发环境API地址。
- 在
-
启动项目:
- 运行
npm run dev
命令启动开发服务器。
- 运行
通过上述步骤,成功创建并启动一个基于若依框架的Vue3+setup+js+vite的项目。