npm发布包（基于vue）

已于 2022-04-12 16:22:30 修改
阅读量970 收藏 3
点赞数 1
文章标签： npm vue elementui
于 2022-04-12 09:40:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45650200/article/details/123899274
版权

趁着周末，小卷一下！

今天npm下elementUI的时候，突发奇想自己开发一个包(里面装一些“实用”的功能)给自己用，网上查阅相关资料后终于成功发布了我的第一个包，赶紧来分享一波！一起来小卷一下！

1、去官网npm注册一个账号（用户名最好是英文，账号密码要牢记，后面要用到！）

2、新建一个空文件夹项目，然后打开项目终端，执行npm init -y，然后安装vue，执行npm i vue vue-loader,vue的版本各取所需，安装完后package.json文件如图所示：

 name是你的包名，version是你包的版本号，main是你包的入口文件。

然后打开你的入口文件，没有就新建一个，名字必须跟上面main的名字一样，入口文件必须引入Vue(因为要注册组件)和导出

最低0.47元/天 解锁文章
天空恢复晴朗
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
npm包发布流程
Mr_jwh的博客
06-29 153
接之前console插件，封装成npm包插件。这次说一下发布npm包的流程。
如何写一个vue组件发布到npm，包教包会，保姆级教学
最新发布
2301_79098879的博客
04-22 299
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等。
npm发布vue包
qq_25919495的博客
04-29 259
01: 新建文件夹 02: npm init => 生成 package.json 每个人的不一样 { "name": "ktrees", "version": "0.0.1", "description": "发布的第一个vue组件包", "main": "index.js", "scripts": { "test": "echo \"Error: no tes...
vue项目开发npm包
Q1761991696的专栏
10-18 838
先去这里注册一个账号npm,记住用户 密码 邮箱 做完以上工作,接下来: 创建一个新的项目SchoolProgramCom 1.在components目录下创建组件first-vue-demo.vue 内容与一般组件完全一样. 2.在根目录下创建index.js,index.js内容如下,就是import组件,并export出来. import vuedemo from './src/components/first-vue-demo.vue' import theother fro.
将vue组件发布成npm包
Yu_Jian_Qt的博客
01-24 1930
将vue组件发布成npm包
Vue的npm安装和第一个vue项目
weixin_49983206的博客
06-19 342
vue官网:https://v3.cn.vuejs.org/guide/introduction.html vue官网里面的npm(Node Package Manager 软件包管理系统)安装有两种: 1: 在最后一行里面也说了”大多数情况下运用Vue CLI(vue的脚手架)来构建版本”2:Vue CLI是一个基于 Vue.js 进行快速开发的完整系统, CLI一个全局安装的 npm 包 CLI这个它是一个全局的配置,不需要你在项目里面的每一个页面去引入vue了.Vue.js的安装的安装它依赖于nod
基于vue如何发布一个npm包的方法步骤
10-17
发布一个基于Vue的npm包需要遵循一系列步骤，包括创建项目结构、配置文件、编写代码、打包和发布。以下是一个详细的指南： ### 1. 初始化项目 首先，你需要创建一个新的空文件夹，例如`my-vue-npm-package`，然后...
基于Vue的文字跑马灯组件(npm 组件包)
08-30
本文将深入探讨如何基于Vue创建一个文字跑马灯组件，并将其打包成npm组件包供他人使用。 一、Vue跑马灯组件需求与实现 跑马灯效果是网页设计中常见的一种动态展示方式，它可以让文本在有限的空间内持续滚动，以...
基于vue图片拖拽放大缩小查看npm包
08-08
"基于vue图片拖拽放大缩小查看npm包" 提供了解决这个问题的一个解决方案。这个npm包可能是专为Vue项目设计的，允许用户对图片进行拖动、缩放以及查看等操作，提升了用户体验。 在Vue项目中，使用这样的npm包可以...
npm publish
ljfblog的专栏
05-05 200
1. 注册npm，激活2FA https://npmjs.com 2. 使用最新的node和npm 3. 修改为https: npm config set registry https://registry.npmjs.org 4. 登录： npm login
npm发布包
qq_65690862的博客
09-16 184
登录npm发布包 1.终端 输入npm login 可以登录npm账号，依次输入用户名，密码（密码盲打），邮箱 2.输入nrm use npm通过命令更改npm服务（需将npm切换为npm官方服务，不能使用taobao镜像） 注：可以通过npm config get registry来获取当前下载包镜像源 3.输入npm publish 发布包（发布前需检查npm官网是否有相同的包名，将目录切换到根目录） npm删除发布的包 1.输入npm unpublish 包名 --force 进行
npm-email:获取npm用户的电子邮件
05-26
npm-电子邮件 获取npm用户的电子邮件 安装 $ npm install npm-email 用法 const npmEmail = require ( 'npm-email' ) ; ( async ( ) => { console . log ( await npmEmail ( 'sindresorhus' ) ) ; //=> 'sindresorhus@gmail.com' } ) ( ) ; 原料药 npmEmail（用户名） 返回对用户电子邮件地址的承诺。 用户名 类型： string 要查找的npm用户名。 有关的 此模块的CLI 获取带有特定关键字的npm软件包列表 从npm注册表中获取的package.json 获取npm用户的用户信息 执照 麻省理工学院:copyright:
NPM =＞ npm登录-发包-删包-整体流程
Write less，do more
09-07 1515
本文章向大家介绍npm发包流程，主要包括npm发包流程使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。 1、注册npm账号 https://www.npmjs.com/signup 2、激活npm账号 注意是有两个邮件哈 3、git托管 4、发包 登录 npm adduser //创建账户 npm login //登录 npm whoami //查看已经登录的账号 //前提已完成npm用户的注册 $ npm adduser Username: you.
企业化npm私服搭建&Eslint规范统一 - Eslint规范及commit提交校验
weixin_45938101的博客
04-06 1230
企业化npm私服搭建&Eslint规范统一 - Eslint规范及commit提交校验
npm登录
热门推荐
weixin_43986612的博客
05-08 1万+
npm登录500的问题npm登录 npm登录 下面展示一些 内联代码片。 npm login username: xxx, password: 你的登录密码 Email: 你的邮箱 这些输入之后一直处于一个登录状态，登录好长时间发现返回了一个 Error: 500 Internal Server Error - PUT https://registry.npm.taobao.org/-/user/org.couchdb.user:linshen 因为之前一直用的是淘宝的源，所以想着是不是因为源的问题导致的
注册npm 账号
zhangyr的博客
03-04 4534
1.npm adduser 依次输入Username、Password、Email完成注册 2.npm login 登录
npm 两步验证
MichaelAn的博客
02-13 1095
npm 两步验证 问题 近期发布版本时，在 cli npm login登录后，输入正确的用户名和密码，提示需要一个 Enter one-time password from your authenticator app，无法发包。 在网页上操作，登录时也需要输入临时的验证码(one-time password)，无法...
解决npm登录问题
mayanlong
12-03 4429
npm登录 报错npm Err code 500
npm 查看登陆账号_自定义npm 及问题整理
weixin_39955351的博客
11-20 1万+
由于在项目中 经常自己在一个项目中打包依赖，另一个项目中需要引用自己打包的依赖，所以需要自己提交一个npm 可安装的包，以免CV大法(粘贴复制)以下是步骤 在npm 官网上自己注册一个账号 【注册地址】 备注：需填写邮箱，用户名，密码， 注册成功之后需在邮箱中验证在npm 官网注册成功之后，npm 登录账号先判断当前npm版本号或者有没有npm npm adduser ...
npm如何创建vue3
04-20
抱歉，我可以回答您的...您可以使用以下命令创建基于Vue 3的项目： ``` npm create vue-app ``` 请注意，您需要在计算机上安装了npm。如果您没有安装npm，可以前往https://www.npmjs.com/get-npm了解如何安装它。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值