scream-ui

准备工作

搭建npm私服

1.在官网下载windows版本的安装程序
2.以管理员身份运行CMD，切换到解压后的目录(D:/nexus-3.17.0-01/bin)

nexus.exe /install 执行安装命令， 成功后会提示Installed service 'nexus
nexus.exe /run 运行服务，首次运行需要等待1~2分钟

3.启动完毕后,进入 http://(本机IP):8081，点击右上角Sign In进行登录，默认账号 admin
默认密码存放在D:/sonatype-work/nexus3/**.password 打开文件后复制密码串进行登录
登录后会提示修改密码，修改完重新登录即可。

4.如果提示could not open SCManager 是因为没有使用管理员身份启动CMD

添加npm仓库

• 点击左侧菜单Repositories 查看仓库列表

• 点击Create repository按钮创建仓库
• group表示分组 hosted表示本机私有 proxy表示远程代理（中央仓库）
• 若registry配置为group（包括hosted和proxy）,首次会从hosted拉取，若无则从proxy拉取并缓存，下次则直接从缓存取

选择npm(proxy)

输入Name npmjs.org Remote storage https://registry.npmjs.org

• 再次点击Create repository

选择npm(hosted)

输入Name：npm-hosted用于存放自己发布的私有包

• 再次点击Create repository

选择npm(group)

输入Name: npm-group，并在Member repositories里选择之前添加的两个移到右边

配置与验证npm仓库

• 添加发布角色用户及权限

1. 添加权限认证 将npm Beared Token Realm 添加至右边

2. 创建nx-deploy角色并赋予一个nx-repository-view---*的权限码

3. 创建deployer用户 同时设定角色为nx-deploy

• 变更依赖源

npm config set registry https://registry.npm.taobao.org
npm i -g nrm
nrm add private http://http://192.168.2.199:8081/repository/npm-group/
nrm use private

• 发布流程

每次发布前记得在package.json中检查version 有没有修改，要确认比上一个版本号高

• 编译文件

yarn lib

• 登录npm

npm login -registry http://http://192.168.2.199:8081/repository/npm-hosted/

• 发布

npm publish -registry http://http://192.168.2.199:8081/repository/npm-hosted/

• 发布成功后在npm-hosted 能看到发布后的包

使用方式

"dependencies": {
"组件库名称": "版本号"
}

import 组件库名称 from '组件库名称'
Vue.use(组件库名称)

项目启动

yarn serve

组件库文件目录结构

├── examples # 示例展示
│ ├── api # 接口类
│ ├── assets # 资源文件夹
│ ├── common # 工具类
│ ├── components # 项目内部组件
│ ├── page # 页面
│ ├── router # 路由配置
│ ├── style # 页面样式问题，主题等
│ ├── App.vue # 入口页面
│ ├── main.js # 入口文件 加载组件 初始化等
├── lib # 编译后输出的组件目录
├── packages # 公共组件目录
│ ├── query-drop-box # demo组件
│ ├── simple-input # demo组件
│ ├── index.js # 组件入口文件
├── public # 静态资源
│ │── favicon.ico # favicon图标
│ └── index.html # html模板
├── .gitignore # git 配置
├── .npmignore # npm 配置
├── vue.config.js # vue-cli 配置
├── babel.config.js # babel 配置
├── yarn.lock # yarn依赖 配置
└── package.json # package.json

Customize configuration

See Configuration Reference.