Jpom/web-vue
2022-01-06 15:55:15 +08:00
..
public 自定义名称,自定义logo 图标,显示前端打包时间 2021-11-30 13:35:01 +08:00
src fix node welcome 2022-01-06 15:55:15 +08:00
.editorconfig update project list 2021-08-10 09:05:30 +08:00
.env.dev 前端引入环境变量(dev pro) 2021-12-08 21:48:42 +08:00
.env.pro 前端引入环境变量(dev pro) 2021-12-08 21:48:42 +08:00
.gitignore 更换前端框架 reat => vue 2020-11-01 19:37:30 +08:00
.prettierignore 新增prettier代码格式化配置, 更新部分依赖,支持?.链式语法,解决project-console文件修改props问题 2021-08-05 12:58:30 +08:00
babel.config.js 优化导航菜单 2022-01-06 09:21:57 +08:00
jsconfig.json 新增prettier代码格式化配置, 更新部分依赖,支持?.链式语法,解决project-console文件修改props问题 2021-08-05 12:58:30 +08:00
package.json 取消 element-ui 2022-01-02 21:09:50 +08:00
prettier.js 新增prettier代码格式化配置, 更新部分依赖,支持?.链式语法,解决project-console文件修改props问题 2021-08-05 12:58:30 +08:00
README.md 权限调整 2021-12-23 21:16:08 +08:00
vue.config.js 项目新增自启动配置、构建新增 webhook、仓库添加验证 2021-12-10 13:30:40 +08:00

JPOM 前端 VUE 项目server

介绍

这是 Jpom项目的前端部分基于 Vue 构建UI框架则是基于 Ant Design Vue.

快速开始

如果您是第一次运行这个项目,您需要保证您的电脑里已经装好了 Node 环境Node默认携带npm管理器, 无需额外安装。 可通过npm -v 查看当前环境是否OK。

然后进入当前目录 web-vue

运行命令

  1. 打包和运行都需要安装依赖
npm install
  1. 本地开发测试?
npm run serve
  1. 项目开发好了,需要打包发布?
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)

需要插件:

  1. prettier (代码格式化)