pcip-address-book
v0.0.6
Published
## 目录结构
Downloads
8
Readme
地代码开发平台
目录结构
├── .vscode # 编辑工具(vscode)的代理相关配置
├── node_modules # 依赖安装包
├── /public
│ ├── /favicon # favicon图标
│ ├── /index.html # HTML实体
├── /src/ # 资源
│ ├── /api/ # 接口目录
│ ├── /assets/ # 静态资源目录
│ | ├── /icon # 字体图标
│ | ├── /images # 图片资源
│ | ├── /svg # svg 图标
│ ├── /components/ # 公共组件目录
│ ├── /directive/ # 指令目录
│ ├── /filters/ # 过滤器
│ ├── /icons/ # svg 图标
│ ├── /layout/ # 项目框架布局组
│ ├── /menu/ # 菜单静态数据
│ ├── /mock/ # mock data
│ ├── /router/ # 路由
│ | ├── /common-page.js # 通用路由
│ | ├── /constant-routes.js # 默认路由
│ | ├── /form-design-page.js # 设计器路由
│ | ├── /home.js # 项目主要路由
│ | ├── /modules-page.js # 模块路由
│ ├── /service/ # 前端服务型模块
│ ├── /store/ # vuex状态管理
│ ├── /styles/ # 菜单静态数据
│ | ├── /_common.less # 通用样式
│ | ├── /_constant.less # 全局变量
│ | ├── /_global.less # 全局样式
│ | ├── /animate.min.css # 动画库
│ | ├── /index.less # 全局样式入口
│ ├── /utils/ # 公用js方法
│ | ├── /common.js # 带复杂逻辑的通用方法
│ | ├── /FormulaLibrary.js # 公式库
│ | ├── /jstools # 对内简单常用的工具类的js代码片段
│ | ├── /pcipTools # pcip对外提供的公共方法,可用以设计器代码编辑直接调用。
│ | ├── /permission.js # 路由守卫
│ | ├── /request.js # 请求的集中处理
│ ├── /views/ # 视图
│ | ├── /error # 路由错误、请求错误等处理页面
│ | ├── /home # 系统首页
│ | ├── /login # 登录页面
│ | ├── /login-dingtalk # 钉钉登录页面
│ | ├── /redirect # cas登录的重定向页面
│ | ├── /xxx # 其他为:具体业务场景页面
├── .browserslistrc # 浏览器兼容配置
├── .editorconfig # EditorConfig是用于统一不同IDE编码风格配置的一种配置文件.
├── .env.development # 开发环境 配置信息
├── .env.preview # 预发、演示环境 配置信息
├── .env.producting # 正式环境 配置信息
├── .env.stage # 测试环境 配置信息
├── .eslintignore # eslint 忽略文件配置
├── .eslintrc.js # eslint 配置
├── .prettierrc # 代码风格配置
├── babel.config.js # babel 配置
├── package.lock # npm 安装包配置锁
├── package.json # npm 安装包配置
├── README.md # 默认项目说明文档,必读文件
└── vue.config.js # webpack 配置
node版本号:
npm -v
7.13.0
node -v
v12.9.1
第一步: 切换npm私有仓库源地址
#node 安装和 npm 安装 省略(自行学习)
npm install nrm -g // 全局安装nrm
nrm ls // 查看所有npm源
nrm add pcip http://192.168.5.82:4873/ //添加pcip的源到 npm源列表
nrm ls // 查看是否添加成功pcip
nrm use pcip // 切换使用pcip的源
第二步:依赖安装
npm install
第三步:项目配置
根目录下.env.development文件中:
# 开发环境配置
NODE_ENV = development
# just a flag
ENV = 'development'
# 资源路径
VUE_APP_BASE_PATH = '/'
# 开启cas登录: 1:开启,0:关闭
VUE_APP_CAS = '0'
# 菜单关键字
VUE_APP_MENU_KEY = 'RISEN_PROJECT,RISEN_PCIP'
# 文件预览地址
VUE_APP_FILE_PREVIEW = 'http://60.191.64.4:13704/yl/public/risen/core/resrc/view/pdf_view.html.do'
# 代理配置
VUE_APP_BASE_PORT = 4000
VUE_APP_BASE_IP = 'http://192.168.5.82:10001'
VUE_APP_BASE_API = '/pcip'
# 表单设计器地址
VUE_APP_DESIGN_RUL = 'http://127.0.0.1:3005'
第四步 启动服务
npm run dev
第五步 打包
npm run build
格式化
npm run lint
第六步 更新pcip包
npm uni pcip // 卸载pcip包 npm i pcip --save // 更新最新版 npm i pcip@xx.xx.xx --save //更新到指定版本 npm i pcip-beta-snapshoot --save // 开发快照
第七步 不兼容更新
由于项目工程文件是各个项目自主开发的基础,所以在大版本更新时,可能会有工程文件的变动,所以不兼容更新如下:
- 在此之前,我们已将 http://code.risencn.com:1221/svn/STATIC/risen-vue-project/trunk/risen-vue-project,更新至最新代码。
- 你需要拉取最新的SVN上代码后。
- 将此项目中的vue.config.js和src文件夹中的所有文件(除开views中的文件)与你本地项目相同位置的文件做对比(变动一般在5~6个文件之间)。
- 对比方法:将上述文件全部复制到你的项目的相同位置,替换文件
- 然后在SVN上查看文件变动,选择性的使用我们提供的方案。
- 祝你升级愉快(如有争议处,请于研发部前端组商讨)
Q&A
npm 安装的包出现不知名的报错? 首先升级node和npm版本,确保版本不低于本文中提到的版本号。
nrm ls 命令报错? https://www.jianshu.com/p/126ba674e395
...