npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

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

第七步 不兼容更新

由于项目工程文件是各个项目自主开发的基础,所以在大版本更新时,可能会有工程文件的变动,所以不兼容更新如下:

  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. 祝你升级愉快(如有争议处,请于研发部前端组商讨)

Q&A

  1. npm 安装的包出现不知名的报错? 首先升级node和npm版本,确保版本不低于本文中提到的版本号。

  2. nrm ls 命令报错? https://www.jianshu.com/p/126ba674e395

  3. ...