包括文档(readme.md) npm建议您包含一个readme文件来记录您的包.自述文件必须有文件名readme.md.文件扩展名.md表示该文件是一个标记(markdown)文件.当有人发现您的包时,该文件将出现在npm网站上.在开始之前,请查看一些包页面,了解可以添加到readme文件中的信息,并了解为什么这一点如此重要. 使用任何文本编辑器创建文件. 将它保存在项目目录中,名称为readme.md 发布时,此文档将显示在下载包的web页面上 如何更新ReadMe文件 除非发布包的新版本,

我们已经实现了路由的自动化构建,但是我们可以看到,一大串代码怼在里面.当然你也可以说,把它封装在一个JS文件里面,然后使用require('./autoRoute.js')给引入进来,那也行.但是,为什么不把心放大一点呢?比如说,我们把它做成一个npm包!   最初自己做的时候就是这种直接引入封装的JS文件里,可以参考:https://github.com/saucxs/watermark   一.准备工作 1.将npm包的镜像换成  https://www.npmjs.com/ npm con

我们已经实现了路由的自动化构建,但是我们可以看到,一大串代码怼在里面.当然你也可以说,把它封装在一个JS文件里面,然后使用require('./autoRoute.js')给引入进来,那也行.但是,为什么不把心放大一点呢?比如说,我们把它做成一个npm包!   最初自己做的时候就是这种直接引入封装的JS文件里,可以参考:https://github.com/saucxs/watermark   一.准备工作 1.将npm包的镜像换成  https://www.npmjs.com/ npm con

有必要说说我为什么要开始写这个,正文从下面的第一条开始 我最近忙于公司的项目,一直没有抽出时间来写文章.本来想每个月写一片文章,保质保量,无奈上个月没有坚持. 这段时间有点忙,主要是由于公司业务调整,我从原来的广告项目中调整到新业务线的前台页面开发了,和以前一样,还是带着3.4个兄弟姐妹.不同的是以前的项目周期普遍偏长,可以让每个同学有时间从头到尾的把项目吃透,而现在做C端的前台页面往往开发时间非常的短,比如我们就要在1.2个月完成业务线所有前台页面的开发.联调.测试.部署,以及下一步的迭代.由

前言  怎么使用npm发布自己的组件包呢?博主看了不少相关的文章,都没有一个好的讲述.要么丢三落四,要么就是复杂到外行人根本看不懂,甚至无从下手.于是,在博主的潜心钻研下,终于成功了!所以,我打算写一篇更为实用的.简洁但详细的.面向小白的教程供大家参考! 前提准备 要求会安装软件: 要求能配置环境变量: 要求会使用CMD: 要求会打开网页注册账号. (只要你会以上技能,这里都可以看懂) 步骤简介 [安装NodeJS] [下载安装包] [安装软件] [测试] [配置环境] [配置环境变量] [安装

一直报这个错! 主要是因为本地仓库中缺少README这个文件. 解决办法:第一步:git pull --rebase origin master 将github中的README文件下到本地仓库中. 第二步:git push -u origin master即可完成代码上传到github

一.npm 发布到远程资源库 1.创建package.json Package.json 属性说明 name - 包名. version - 包的版本号. description - 包的描述. homepage - 包的官网 url . author - 包的作者姓名. contributors - 包的其他贡献者姓名. dependencies - 依赖包列表.如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下. repository - 包代码存放的地方的类型

创建 vue 组件 1.创建vue项目,为了简洁方便,推荐使用webpack-simple构建一个项目 vue init webpack-simple your-project 2.在 src 目录下新建子目录lib,用来放后面自己写的所有组件 3.编写自己的组件 首先新建一个vue文件和一个index.js vue用于编写组件的模版和逻辑,像平时封装插件一样 ps:需要给组件命名 name: xxx,用于后面的导出 具体如下: index.js 作用是将该组件作为 Vue 插件,注册到 Vue

使用npm发布插件 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 简介 npm是一个全球性的包管理工具,上面有着许许多多的前端插件,当然我们也可以发布 官方地址 https://www.npmjs.com/ 注册 首先我们需要在npm平台上面有一个自己的账号 验证用户 打开我们的终端,在终端里面执行验证命令 npm addUser //登录用户 按照他所提示的步骤来,一步一步来验证 查看当前用户 npm whoami //

Vue 开发插件 开发之前先看看官网的 开发规范 我们开发的之后期望的结果是支持 import.require 或者直接使用 script 标签的形式引入,就像这样: // 这里注意一下包的名字前缀是 custom ,组件的名字前缀是 moor // 这是因为那个名字发布包的时候被占用了(我做实验的时候叫 moor-ui)现在改成了custom-ui,但是组件的前缀懒得改 import CustomUI from 'custom-ui'; // 或者 const CustomUI = requi

初始化项目vue init webpack-simple XXX 定义组件略 发布配置1.package.json 2.webpack.config.js(注释部分为原配置) 发布1.登录 2.发布npm publish

vue: V2.5.11 此篇尽量详细,清楚的讲解vue插件的开发到npm的发布,想想将你自己做的东西展示给广大"网民",心里还是有点小激动的...-^_^ 先上一下插件效果图------github传送门 下面我们就来说说详细做法: 1. 初始化项目 vue init webpack-simple vue-pay-keyboard 使用vue创建一个简单的项目,删除src中除了main.js和app.vue外的文件,清空app.vue中无用内容 整理完后项目目录 2.编写插件 vue

我们经常使用 npm i  -g  xxxx 安装完成一个包之后,就能直接使用对应的指令.例如安装  vue-cli 或者 express 等 那么下面我们自己做一个类似的效果: 首先要对 npm 发布包,有一定了解,不清楚的,可以先参考 我的另一篇博客https://www.cnblogs.com/muamaker/p/10435481.html 1.首先,我们在 package.json 里面加入 bin 指令:如图 2.在项目下面,新建一个文件 link -> link.js 3.在 li

Vue 开发插件 我们可以先查看Vue的插件的开发规范 我们开发的之后期望的结果是支持 import.require 或者直接使用 script 标签的形式引入,就像这样: ps: 这里注意一下包的名字前缀是 unisoft ,组件的名字前缀是 uni import UniSoftUI from 'unisoft-ui'; // 或者 const CustomUI = require('unisoft-ui'); // 或者 <script src="..."></s

开发好一个插件后,要想让其他人也能使用该插件需要将插件发布到npm上,具体步骤如下: 1.添加npm用户: npm adduser Username: your name Password: your password Email: yourmail 2.登陆npm npm login 这里会要求你输入用户名.密码.电子邮箱 3.验证邮箱 登陆npm后,如果是第一次发布,npm会发一个验证邮件到你的邮箱,只有验证以后下面的发布才不会出错. 4.发布 npm publish 发布完后可以到这里查看

记录一下大概步骤: 去npm官网注册一个账号 在文件夹下执行npm init 创建 package.json 执行 npm login,并根据提示输入你的npm账号,密码,和邮箱 执行 npm publish,发布你的包到npm官网上去 你可以到官网搜索你的包名,或者你在本地的其他项目中尝试安装一下,如果能成功,说明你发布成功了 或者你可以执行 npm search [你的包名],能查到,也说明你发布成功了 最后,请自备梯子.

我们在前端工程开发中通常使用npm这个包管理器来安装各种好用的轮子(当然也有用yarn的),不安分的码工就想,也发布一个试试,哪怕只是一个小时候滚的铁环而不是轮子. 首先,要在 npmjs官网注册自己的账户 编写自己的铁环或轮子工程 创建工程文件夹,npm init git init 编写内容 登录,发布 npm login 这时候命令行会提示输入用户名,(输入注册时的用户名,回车),然后提示输入密码(输入注册时的密码,回车) 不出意外的话就显示`logged in 用户名`之类的信息了 npm

提到封装组件,发布到npm,很多同学都会觉得很神秘.但其实,npm包无非就是我们平时写的比较独立且可复用的模块.当然,想要发布,除了基础组件的编写外,还要进行一些包装.下文通过一个简单的案例,和大家一起讨论组件从开发到发布的整个过程.在此承诺,包教包会! 一.封装组件 封装组件包共有3个步骤: 创建组件模板 自定义组件内容 安装依赖,打包组件 1.创建组件模板 命令:vue init webpack-simple proName,这里我定义项目名叫“hello-world”. 由于是simple

原文链接:https://www.jianshu.com/p/091a68ea1ca7 写在前面 在做react-native开发的时候,我们经常会找到一些第三方组件,并且通过npm install的方式很方便的安装使用.在使用的同时,你是否想过,我们自己应该如何开发并发布一个组件呢?不管是给自己的多个项目共用,或者开源给到别人用,这都是一件很酷的事情. 那么今天,我就以我自己开发的一个在ios和android通用的CardView组件为例来讲一下,如何开发一个自己的组件,并开源到github.

本文简单地记录了发布一个简单npm包的过程,以便后续参考使用. 初始化npm init 通过npm init创建一个package.json文件 D:\robin\lib\weapp-utils>npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. Se

github 开源地址:zswui github 说明文档:wiki 1.新建目录wui (1)进入到 wui 目录 执行 npm init 命令初始化项目.更具提示信息填充将会生成的 package.json 文件. (2)新建 webpack.config.js 打包文件. (3)新建 README.md 项目说明文件. (4)新建 .gitignore 项目忽略文件. (5)安装webpack 用于编译 JavaScript 模块. npm install webpack webpack-