Jpom/web-vue2
2024-01-08 18:42:21 +08:00
..
public 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
src 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
.editorconfig 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
.env.dev 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
.env.production 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
.gitignore 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
.prettierignore 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
babel.config.js 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
jsconfig.json 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
package.json 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
prettier.js 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
README.md 全面切换升级 vue3 2024-01-08 18:42:21 +08:00
vue.config.js 全面切换升级 vue3 2024-01-08 18:42:21 +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 (代码格式化)