aux-comp

前端-npm共享资源库(内部组件含特定资源生效,他人使用无效)

• 最新技术栈：使用 Vue3/vite6 等前端前沿技术开发
• TypeScript: 应用程序级 JavaScript 的语言

资源发布npm

• 1 确定需要发布的资源文件以ToPo为例在index.ts中引入并暴露组件,例如组件名称定义为AuxTopoPreview ,暴露install方法注册app.use()用

• 2 编写完成后执行打包依赖,生成dist目录文件

 npm run build

• 3 发布前登陆发布身份(如已添加则可跳过),确保自己的npm register为官方的url.每次发布都需要确保
• 3.1查看register

 npm config get registry

• 3.2查看register

 npm config set registry https://registry.npmjs.org/

• 3.3 添加发布账号信息,填写用户名 邮箱以及邮箱确认码(即添加秘钥到npm仓库),此法过程会出现403问题(即使翻墙也没用) (设置proxy以及https-proxy为本地代理),以windows为例,右键选个性化,搜索代理(选择代理服务器设置),找到使用代理服务器并打开保存,可获取本地IP地址以及端口

 npm config set proxy http://[IP]:[Port]
 npm config set https-proxy http://[IP]:[Port]
 npm adduser

• 4 执行发布命令(目前包发在stans上,如有疑问可联系我)

 npm publish

使用发布的包

- 安装npm包组件,也可手动确定版本 ```bash npm install aux-comp ```

• 使用组件(需要引入css)

   import { AuxTopoPreview } from 'aux-comp'; //也可在main.js全局引入app.use(),因为暴露了install方法