基于vue-cli4.*开发的UI库（极光UI）《五》

最新推荐文章于 2025-02-21 16:17:38 发布
最新推荐文章于 2025-02-21 16:17:38 发布
阅读量3.4k 收藏 1
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 禅あ思之aurora 文章标签： npm vue vue-cli4 node.js less
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/alnorthword/article/details/103634553
本文介绍了如何使用vue-cli4.*开发并发布个人npm包。首先讲解了npm的基本概念，然后详细阐述了从注册npm账号到打包、发布、撤销包的全过程，包括常见错误的解决方案，如包名冲突、版本号问题等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

之前的工作都已经做完啦，现在这篇文章告诉大家怎么去发布。在发布之前，来我们先说说npm

npm是什么?npm是javascript著名的包管理工具，是前端模块化下的一个标志性产物,简单地地说，就是通过npm下载模块，复用已有的代码，提高工作效率和移动端开发中，iOS使用的Cocoapods，Android使用的maven有异曲同工之妙。npm 官网介绍

如何发布一个自己的npm包

第一我们首先要有自己的账号，没有账号的可以去注册, 注册完成之后记得登录邮箱，验证下，否则接下来会发布失败！

在这里插入图片描述

准备工作

了解本专栏 订阅专栏 解锁全文 超级会员免费看
基于vue-cli4.*开发的UI库（极光UI）《三》
禅思院
12-17 2910
定制提交日志格式化，文档化，规范化 参考我下面的2篇文章 git 加入钩子和提交信息规范化 https://blog.csdn.net/alnorthword/article/details/88537561 新建git-hooks // eslint-pre-commit.js const shell = require('shelljs') const path = require('path...
基于vue-cli4.*开发的UI库（极光UI）《四》
禅思院
12-19 3110
前言 经过前面的三篇文章，UI文档工程基本已经完成，接下啦就是愉快的定制我们自己的UI把。从第一个滚动条[AuScrollbar]组件写起。 新建文件夹 libs，路径 packages/libs 新增工具类dom.js，操作dom /** * 去除空格 * @param {String} string */ const trim = function (string) { return...
基于vue-cli4.*开发的UI库（极光UI）《一》
禅思院
12-16 5366
前言 aurora-ui 是一款基于 VUE-CLI4.* 的前端 UI组件库，是个人在工作中为了更好的学习和使用vue相关技术栈而实现的。本项目的源码和文档主要参考借鉴了 element-ui和 iView。分离了常用业务组件并封装，部分组件参考这两个开源库进行了简化实现。所有样式为方便开发已使用stylus进行了重写，现已实现扩展了约 47 个组件可供日常开发。添加了开源协议，编写本UI库的目...
vue cli4——使用vue ui进行项目的创建及管理
jiyuzzz的博客
10-28 567
在vue cli3之后就可以使用vue的可视化项目管理工具了 直接在cmd输入命令：vue ui 启动即可，地址默认是localhost:8000 先查看版本 注意是大写的V vue -V 也可以用vue create （项目名）来创建项目 这里我们使用更简单的vue ui创建项目 vue ui 点击vue项目管理器 选择创建 选好项目路径以及名称 第一次使用时可以选择手动配置（之后可以选择保存这套配置） 勾选这4个就够了 babel，可将ES6语法转成ES5语法。 TypeScr.
Heaven-UI:vueUI组件库
04-29
Heaven-UI vueUI组件 #安装 npm install Heaven-UI 线上文档
基于vue-cli4.*开发的UI库（极光UI）《二》
禅思院
12-17 3400
在工程中加入markdown 库 npm install -D markdown-it markdown-it-anchor markdown-it-chain markdown-it-container, transliteration 使用highlight.js高亮代码 npm install -D highlight.js 清除 aurora-ui/examples下无用的目录和文...
vue-cli4 使用vue ui 创建项目
ko8be24的博客
10-17 1271
1.安装node.js 参考链接:https://www.jianshu.com/p/13f45e24b1de 2.安装cnpm（可选） npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装vue cli4 npm install -g @vue/cli 4.输入vue -V查看vue ...
Unity Shader简单极光效果实现
最新发布
ylanttt的博客
02-21 351
unity shader极光
基于Vue-Cli 4+Vue 创建、发布自己的 UI、 H5组件库打包并发布到 npm（霸霸看了都说好）
霸霸的博客
08-09 1340
文章目录1、创建项目1.1调整目录1.2.创建测试组件3、配置项目以支持新的目录结构4、根目录新增vue.config.js5、修改package.json6、发布到 npm，方便直接在项目中引用6.1在根目录添加 .npmignore 文件，设置忽略发布文件6.2登录到 npm6.3发布到 npm6.4发布成功7、使用新发布的组件库7.1安装组件库依赖全局注册7.1在组件中使用 1、创建项目 在指定目录中使用命令创建一个默认的项目，或者根据自己需要自己选择。 vue create add-ui 1.1调
vue/cli4移动端ui组件库——Vant插件的安装（上）
nick_name1的博客
09-06 1917
vue/cli移动端ui组件库——Vant插件的安装使用Vant前的准备关于vue/cli1.vue/cli的安装（可跳至2.项目创建）1.1已经安装了vue/cli1.2未安装vue/cli2. vue项目的创建2.1项目创建前的准备2.2创建项目Vant插件的安装 使用Vant前的准备 推荐使用Vue官方提供的脚手架Vue/cli来创建项目 关于vue/cli 1.vue/cli的安装（可跳至2.项目创建） 1.1已经安装了vue/cli 若已经安装了vue/cli的可以在电脑桌面按下Windows键
vue开发使用vue-cli4.x创建项目详解
sxjit的博客
02-09 4523
- 前言 vue-cli4.x新版本安装教程可以看看我之前的文章。版本更新后在创建项目上有所不同，这里做详细的步骤教程以及选项解释。 - 创建项目 vue create 项目名 - 选择配置 先无视第一项（我的个人配置，后面会讲到）；一般有两项： default：默认配置（只有babel和eslint） Manually select features：手动配置 一般做项目默认配置是不够的，我...
手把手教你用vue-cli2搭建vue项目，elementUI框架。
mentalitys的博客
06-27 3554
本篇主要是利用vue-cli来搭建vue项目脚手架，其中前提是node.js和npm( 或cnpm )已经安装好。使用vue-cli搭建项目最开始我也是看网上的教程一步步搭下来，文章中的步骤能让你更有顺序的搭建，所以其中的一些步骤说法为了表达正确会进行一定参考。 1.打开cmd ，安装vue-cli，敲入命令： npm install --global vue-cli（–global：全局...
vue-cli4搭建的vue项目在GitHub上演示,有手就行
qq_42848750的博客
09-07 296
前言 我们开源的vue新项目怎么在线上访问得到呢？购买服务器自己搭建？不需要。好好利用好github这平台就行了。 开始 第一步 这vue项目的根路径创建start.sh 然后在start.sh文件中配置以下内容 # 当发生错误时中止脚本 set -e # 构建 npm run build # cd 到构建输出的目录下 cd dist git init git add -A git commit -m 'start' # 部署到 https://<github用户名>.github.io
vue-cli4实现自适应布局
qq_39241544的博客
05-07 2148
原理 webpack打包时，通过postcss-pxtorem插件，将原先写的px单位转换成rem，然后通过amfe-flexible插件监听窗口变化，设置根元素得fontSize，实现自适应效果 安装 cnpm i amfe-flexible -S // 需要打包进项目 -S cnpm i postcss-pxtorem -D // 只需要本地使用 -D 配置 在项目vue.config.js...
vue-cli@4安装Element-ui
热门推荐
q1424966670的博客
04-16 1万+
vue-cli@3.0之后，element-ui提供相应的element插件，我们可以用这个插件快速的来安装element-ui。只需要cd到工程根目录，运行vue add element即可： vue add element 1，选择全部导入 2，第二步 选择Y 3，第三步直接回车 ...
vue-cli3/vue-cli4搭建组件库，发布到npm
qq_30516831的博客
09-26 640
一、创建项目 在指定目录中使用命令创建一个项目，或者使用vue可视化面板一键生成。 vue create/vue ui(建议使用vue可视化面板生成) 二、 调整目录 1、把src目录更名examples，用做示例展示 2、新增packages用于编写存放组件 调整后目录结构 三、 重新配置项目以支持新的目录结构 在根目录下新建一个vue.con...
Vue(4) vue-cli入门 - 搭建项目打包运行+webpack打包
郑清
01-11 5758
前言：在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。然而，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli 使用它能快速的构建一个web工程模板。 官网：https://cli.vuejs.org/ vue-cli入门 （快速的脚手架-快速搭项目的...） 新建模块 进入目录： 安...
vue-cli3.0深度选择器/deep/报错
qq_40291247的博客
05-18 3039
::v-deep尝试一下 ::v-deep .el-button{ background: rebeccapurple; }
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

禅思院

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值