Pcip-address-book NPM

地代码开发平台

目录结构

├── .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 // 开发快照

第七步不兼容更新

由于项目工程文件是各个项目自主开发的基础，所以在大版本更新时，可能会有工程文件的变动，所以不兼容更新如下： 1. 在此之前，我们已将 http://code.risencn.com:1221/svn/STATIC/risen-vue-project/trunk/risen-vue-project，更新至最新代码。 2. 你需要拉取最新的SVN上代码后。 3. 将此项目中的vue.config.js和src文件夹中的所有文件（除开views中的文件）与你本地项目相同位置的文件做对比（变动一般在5~6个文件之间）。 4. 对比方法：将上述文件全部复制到你的项目的相同位置，替换文件 5. 然后在SVN上查看文件变动，选择性的使用我们提供的方案。 6. 祝你升级愉快（如有争议处，请于研发部前端组商讨）