Jpom/web-vue
2021-08-05 16:55:01 +08:00
..
public 新版本 UI 同步添加 common.js 2021-08-04 11:53:59 +08:00
src 添加格式化插件说明 2021-08-05 16:55:01 +08:00
.editorconfig add doc 2021-08-02 11:05: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 新增prettier代码格式化配置, 更新部分依赖,支持?.链式语法,解决project-console文件修改props问题 2021-08-05 12:58:30 +08:00
jsconfig.json 新增prettier代码格式化配置, 更新部分依赖,支持?.链式语法,解决project-console文件修改props问题 2021-08-05 12:58:30 +08:00
package.json 新增prettier代码格式化配置, 更新部分依赖,支持?.链式语法,解决project-console文件修改props问题 2021-08-05 12:58:30 +08:00
prettier.js 新增prettier代码格式化配置, 更新部分依赖,支持?.链式语法,解决project-console文件修改props问题 2021-08-05 12:58:30 +08:00
README.md 添加格式化插件说明 2021-08-05 16:55:01 +08:00
vue.config.js 构建模块:修改文件下载; 优化弹窗刷新不关闭,项目文件管理文件编辑 2021-07-31 18:15: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

目录结构

.
├── 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 (代码格式化)