mirror of
https://gitee.com/dromara/Jpom.git
synced 2024-12-05 05:18:12 +08:00
1.7 KiB
1.7 KiB
JPOM 前端 VUE 项目(server)
介绍
这是 Jpom项目的前端部分,基于 Vue 构建,UI框架则是基于 Ant Design Vue.
快速开始
如果你是第一次运行这个项目,你需要保证你的电脑里已经装好了 Node 环境,Node默认携带npm
管理器, 无需额外安装。 可通过npm -v
查看当前环境是否OK。
然后进入当前目录 web-vue
运行命令
- 打包和运行都需要安装依赖
npm install
- 本地开发测试?
npm run serve
- 项目开发好了,需要打包发布?
npm run build
也可以使用
script/release.bat
script/release.sh
快速打包
目录结构
.
├── package.json
├── vue.config.js
├── babel.config.js
├── dist
├── public
└── src
├── api => 接口管理
├── assets => 静态资源
├── pages => 路由级页面
├── router => 路由配置
├── store => 状态管理
├── utils => 共用方法
├── App.vue
└── main.js => 入口文件
package.json
管理项目所依赖的各种包,运行脚本等配置
vue.config.js
项目配置文件,可以配置运行端口、代理、项目输出目录......
babel.config.js
babel配置文件, 关于项目编译期间的一些配置
dist
项目打包后的输出目录
public
项目共用文件,此目录中的文件不会被webpack编译
src
项目主目录
开发工具建议
使用 Visual Studio Code (VS)
需要插件:
- prettier (代码格式化)