如何使用脚手架创建一个若依框架vue3+setup+js+vite的项目详细教程

今天教大家如何使用命令创建一个vue3的若依框架项目

  1. 环境准备

    • 确保已安装16.0或更高版本的Node.js。
    • 安装推荐的包管理器pnpm,可以通过命令npm install -g pnpm进行安装。
  2. 安装create-vue工具

    • 执行命令npm init vue@latest来安装并执行create-vue创建项目。
  3. 创建Vue3项目

    • 使用npm或pnpm创建Vue3项目。例如,使用npm的命令为npm create vite@latest,使用pnpm的命令为pnpm create vite
    • 在创建过程中,选择Vue框架,并选择JavaScript作为数据类型。
  4. 克隆若依Vue3项目仓库

在D盘新建一个文件夹用于存储新项目,然后右击这个空的文件夹,点击Open Git Bash here

    • 通过命令git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git克隆若依Vue3项目仓库。

    git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git

  1. 安装依赖

    • 进入项目目录,并使用npm install安装所需依赖
    • 或者npm install --registry=https://registry.npmmirror.com
  2. 配置修改

    • .env.development文件中进行配置调整,例如设置页面标题、开发环境配置和若依管理系统的开发环境API地址。
  3. 启动项目

    • 运行npm run dev命令启动开发服务器。

通过上述步骤,成功创建并启动一个基于若依框架的Vue3+setup+js+vite的项目。

相关推荐
Pikachu8031 分钟前
我在早高峰地铁里对手机吼了几句,隔壁同事直接看傻了
前端·后端
半岛@少年14 分钟前
Webpack在前端项目中究竟发挥什么作用?
前端·webpack·前端工程化
2501_9400417415 分钟前
企业官网与品牌落地页,能直接交付的前端题目
前端
川冰ICE16 分钟前
JavaScript高级④|类(class)与面向对象,ES6现代写法
开发语言·javascript·es6
小番茄夫斯基22 分钟前
全球大模型的价格和能力排行汇总
前端·后端·架构
Sirius Wu23 分钟前
Agent模型冷启动问题
开发语言·javascript·人工智能·机器学习·ecmascript·aigc
小小小小宇35 分钟前
前端领域 30 个值得安装的 Agent Skills
前端
xkxnq38 分钟前
第八阶段:工程化、质量管控与高级拓展(132天),Vue项目文档自动化:VuePress搭建组件文档(组件示例+API说明)
javascript·vue.js·自动化
喵了几个咪39 分钟前
基于 Next.js 的 Headless CMS 前端架构:技术解析与二次开发导引
前端·javascript·架构
星栈40 分钟前
Makepad 不只是画界面:事件、状态和组件通信,到底怎么写
前端·rust