运行Zr.Admin项目(前端)

1.确认环境信息

我这里装的是node16.17版本的

官网16版本的最新为v16.20.2,下载链接https://nodejs.org/dist/v16.20.2/node-v16.20.2-x64.msi

2.去掉ssl

进入到Zr.Admin项目根目录,进入到ZR.vue

打开package.json 文件,删除启动命令配置中的 openssl 配置

3.安装依赖

为避免出现下载依赖超时问题,先调整下npm配置

打开cmd窗口

执行

bash 复制代码
npm config set home https://npm.taobao.org
npm config set registry https://registry.npmmirror.com/

打开cmd窗口,进入到ZR.Vue目录

执行

bash 复制代码
npm install

等待安装完成

ZR.Vue目录下会多出一个node_modules文件夹,就是项目用到的依赖包

4.启动项目

在刚才安装依赖的cmd窗口

执行

bash 复制代码
npm run dev

启动成功

由于没有启动后端服务,所以接口不通

启动后端服务,参考https://blog.csdn.net/qq1326702940/article/details/144742414

启动后端服务后,刷新页面,正常显示出页面

使用账号admin 登录,密码123456

登录成功,进入首页

相关推荐
peachSoda727 分钟前
封装一个不同跳转方式的通用方法(跳转外部链接,跳转其他小程序,跳转半屏小程序)
前端·javascript·微信小程序·小程序
@PHARAOH39 分钟前
HOW - 浏览器兼容(含 Safari)
前端·safari
undefined在掘金390411 小时前
flutter 仿商场_首页
前端
少卿1 小时前
react-native图标替换
前端·react native
熊猫钓鱼>_>1 小时前
TypeScript前端架构与开发技巧深度解析:从工程化到性能优化的完整实践
前端·javascript·typescript
JYeontu2 小时前
肉眼难以分辨 UI 是否对齐,写个插件来辅助
前端·javascript
fox_2 小时前
别再踩坑!JavaScript的this关键字,一次性讲透其“变脸”真相
前端·javascript
盛夏绽放2 小时前
uni-app Vue 项目的规范目录结构全解
前端·vue.js·uni-app
少卿2 小时前
React Native Vector Icons 安装指南
前端·react native
国家不保护废物2 小时前
Vue组件通信全攻略:从父子传到事件总线,玩转组件数据流!
前端·vue.js