如何使用脚手架创建一个若依框架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的项目。

相关推荐
骑着蜗牛撵大象3273 分钟前
Qt 事件机制详解:从 QEvent 派生类到事件过滤器的全景指南
前端·python
qq_25183645733 分钟前
理发管理系统 —— 会员模块
开发语言·前端·python·flask
Dovis(誓平步青云)36 分钟前
几个方案来回选不定?做一个随时切换的候选推荐页
android·java·服务器·开发语言·javascript·数据库·智能化
Frag0ut1 小时前
2027 年浏览器展望:Chrome 与 Edge 的 AI 智能体进化方向
前端·人工智能·chrome·edge·浏览器·新功能
计算机魔术师1 小时前
从AI绘图鼻祖到音乐版权破局者,Stability AI如何被三大唱片巨头「收编」
前端
奕鼎竜瑆2 小时前
Chrome 插件开发实战指南:从入门到发布
前端·chrome
广州华水科技2 小时前
水库北斗GNSS变形监测系统及单北斗形变监测一体机应用解析
前端
可乐鸡翅yeah_2 小时前
fmp4 碎片 MP4 格式 HLS 流,和传统 TS 分片有什么不一样
开发语言·javascript·ios·音视频·safari·m3u8·m3u8在线播放
anew___3 小时前
《从零手写操作系统 (20):ELF加载器——让OS读懂现代编译器》
java·服务器·前端
ss2733 小时前
AI全栈实战 | 2.3-01 组件库实战:Element Plus 怎么搭出专业界面,过度封装为什么成维护负担
前端·javascript·elementui·vue