Vue 3 + TypeScript + Vite

vue3-npm

Description

vue3 npm 组件库 模板 +组件 上传 npm 或者 verdaccio

verdaccio 安装

npm install -g verdaccio -unsafe-perm

verdaccio 启动

verdaccio

chengliang-ui 组件安装使用

npm install chengliang-ui

在main.ts中引入组件库 import chengliangUI from 'chengliang-ui' import 'chengliang-ui/dist/chenliang-ui.css'

createApp(App).use(chengliangUI).mount('#app')

chengliang-ui 上传 npm

1.写好组件打包 npm run build

2.登录 npm（公开仓库） npm login （此时有账号验证码校验）

3.上传组件库到 npm npm publish --access public

chengliang-ui 上传 verdaccio

1.写好组件打包 npm run build

2.登录 verdaccio（默认端口 4873）verdaccio 账号密码 chenliang / chenliang npm login --registry http://localhost:4873

3.add组件库到 verdaccio npm adduser --registry http://localhost:4873

4.上传组件库到 verdaccio npm publish --registry http://localhost:4873

nrm 使用

nrm 是一个 npm 镜像源管理工具，它可以帮助我们快速切换 npm 镜像源。

1.安装 nrm npm install -g nrm

2.查看可用的 npm 镜像源 nrm ls

3.添加 npm 镜像源 nrm add <镜像源名称> <镜像源地址> 例如 nrm add chenliang http://localhost:4873

4.切换 npm 镜像源 nrm use <镜像源名称>