开发一个健壮的npm包

项目地址:loan-calculate-utils npm包的发布.更新查看上一篇文章开发一个基础的npm包目前我们的目录是这个样子: . ├── source 源代码目录 │ └── index.js ├── package.json └── README.md 接下来给项目添加打包,忽视文件,ts声明文件,单元测试,eslint,README.md添加徽标. 打包参考 ramda 打包思路,我们将要编译成三种包,以及它们的压缩版. 打包目标 umi: babel source -…

开发一个基础的npm包

初始化项目 # 新建文件夹 mkdir whosmeya-npm-package-test # 进入 cd whosmeya-npm-package-test/ # 初始化 package.json, -y 表示使用默认配置 npm init -y # 新建文件 touch index.js 在 index.js 中写入如下代码 exports.test = 'Hello world!'; 目录如下注册npm账号注册npm账号地址 https://www.npmjs.com/login…

如何开发一个自己的npm包

目录一.初始化npm包二.新建自己的工具类三.新建入口文件index.js 四.编写单元测试五.登录仓库六.发布包七.安装使用八.删除包一.初始化npm包 npm init 运行输入包名后一直回车,直到生成一个package.json,如下生成的文件如下 { "name": "chenqionghe-demo", "version": "1.0.0", "description": &qu…

发布一个简单的npm包

本文简单地记录了发布一个简单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…

如何自己写一个公用的NPM包

以markdown-clear,创建过程为例,讲解整个NPM包创建和发布流程 1 如何创建一个包 1.1 创建并使用一个工程在GitHub上新建一个仓库,其名markdown-clear clone 这个工程到本地 1.2 添加LICENCE或LICENSE文件, 说明对应的开源协议到SPDX License List 或者Open Source Initiative,下载相应协议的模板,我们这里选用MIT 修改必要的协议时间和作者 MIT License Copyright (c) <ye…

npkill 一个方便的npm 包清理工具

npm 包很好用,但是占用空间太多了,npkill 提供了一个方便的工具,可以帮助我们查找安装的npm 包,以及进行清理安装 npm install -g npkill 简单使用命令 npkill -d ~/mylearning/ 效果帮助命令 NPKILL HELP -c, --bg-color Change row highlight color. Available colors are: blue, cyan, magenta, red, white and yellow. Def…

如何用AR Engine开发一个虚拟形象表情包？

现如今,人们在网上聊天.发帖时越来越爱用表情包,表情包一方面是一种个性化的表达方式,另一方面更能传达出当下的心理活动,可以说在网络社交中表情包是一个不可或缺的存在.加上近年来元宇宙的兴起,3D虚拟形象广泛应用,用户可以通过自己的表情来控制虚拟形象的表情,做一系列专属的表情包,更加生动形象. 那么,如何让虚拟形象拥有人类一样多变的表情呢?HMS CoreAR Engine的人脸表情跟踪能力就能帮助实现,实时计算人脸各表情对应的参数值.用户可通过自己的面部动作,控制虚拟人物的表情,最终制作成虚拟人物…

开发一个项目之npm

npm (nodejs平台上写的js模块的管理工具下载.互相依赖等) npm install 本地项目的node_modules文件夹 , -g npm config prefix 目录eg: /usr/local --save(-S为简写) 保存至package.json dependencies,npm install 会安装线上会用 --save-dev(-D为简写) 保存至package.json devDependencies,npm install 会安装仅本地项目使…

npm_一个有意思的npm包

$ npm install yosay const yosay = require('yosay'); console.log(yosay('Hello, and welcome to my fantastic generator full of whimsy and bubble gum!')); _-----_ ╭──────────────────────────╮ | | │ 如果不去遍历世界,我们就不知道什么是我们精神和情 │ |--(o)--| │ 感的寄托,但我们一旦遍历了世界,却…

（转）前端开发-发布一个NPM包之最简单易懂流程

原文地址:https://www.cnblogs.com/sghy/p/6829747.html 1.npm官网创建npm账户 npm网站地址:https://www.npmjs.com/ npm网站注册地址:https://www.npmjs.com/signup 2.命令行工具登录npm npm login 验证登录是否成功 npm who am i 3.创建npm库 npm init 按照提示输入相应内容: 以下为package.json内容: { "name": "z…

记npm包开发全过程

概述为什么开发npm包? 如何开发? 如何写单元测试? package.json 如何发布模块? 如何使用? 为什么开发npm模块? NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准. npm官网如何开发? 接下来由带领大家完成一个简单的npm包,功能:读写文件是不是很复杂呢??? npm init 创建基础目录或文件 mkdir tests lib touch index.js README.md…

从0到1发布一个npm包

从0到1发布一个npm包 author: @TiffanysBear 最近在项目业务中有遇到一些问题,一些通用的方法或者封装的模块在PC.WAP甚至是APP中都需要使用,但是对于业务的PC.WAP.APP往往是不同的业务.不同的代码库中,尽管已经将公用的组件和方法抽离到各自公共common中,但是各个大业务大方向上的公用封装依然不能满足需求. 比如一个计算文档类型大小的方法,可能都同时存在于各个业务的common中,假设是有3处代码库中均有:如果此时的需求是将文档类型或者大小的方法进行一些修改,…

创建并发布npm包

1.npm官网创建npm账户 npm网站地址:https://www.npmjs.com/ npm网站注册地址:https://www.npmjs.com/signup 2.命令行工具登录npm npm login 验证登录是否成功 npm who am i 3.创建npm库 npm init 按照提示输入相应内容: 以下为package.json内容: { "name": "zgb_npm", "version": "1.0.0&qu…

npm包发布记录

下雪了,在家闲着,不如写一个npm 包发布.简单的 npm 包的发布网上有很多教程,我就不记录了.这里记录下,一个复杂的 npm 包发布,复杂指的构建环境复杂. 整个工程使用 rollup 来构建,其中会引进 babel 来转译 ES6,利用 Eslint 来规范代码的书写风格,最后代码的发布会经过 uglify 压缩.同时发布 umd.es 格式的版本以供外部调用. 完整目录结构如下: 下面是整个过程的记录一.初始化工程 yarn init -y 初始化后,修改 package.json 内…

自定义npm包的创建、发布、更新和撤销

大纲 1.准备2.自定义npm包3.发布自定义npm包4.引用npm包5.更新npm包6.撤销发布的npm包简书原文 https://www.jianshu.com/p/d737bc5df5b7 1.准备 1.1.注册npm用户 npm官网(https://www.npmjs.com/) 1.2.安装nodeJs Node.js官网(http://nodejs.cn/) 1.3.编辑器我使用的是编辑器vscode进行操作的,读者也可以打开控制台进入到对应目录中进行操作 2.创建自己的npm包…

在2018年如何优雅的开发一个typescript语言的npm包？

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由小明plus发表很多时候,我们可能想要用 typescript 语言来创建一些模块,并提交到 npm 供别人使用, 那么在 2018 年,如果我想要初始化这样的一个模块,我需要做哪些步骤呢?: 答案是:创建一个优雅的,对开发者友好的模块,至少需要以下 15 个步骤初始化文件夹,初始化 git 仓库,初始化 npm,初始化 tsc 修改 tsconfig.js 配置添加 npm 脚本添加 tslint 校验代码规则以及 ed…

如何开发一个npm包并发布

一.安装nodejs 不多说了,网上教程多得是二.创建自己的npm包目录结构 npm-test a.js b.js package.json 开发为了简单便于理解,就开发一个简单地hello程序 a.js function hello(name){ console.log("hello "+ name); } exports.hello=hello; b.js var h=require('./a'); h.hello('Jarrick'); 使用命令npm init创建一个pa…

如何开发一个npm包并发布到npm中央仓库

转自: https://liaolongdong.com/2019/01/24/publish-public-npm.html 如何开发一个npm包并发布到npm中央仓库需求背景:平时在项目工作中可能会用到很多通用性的代码,比如,框架类.工具类以及公用的业务逻辑代码等等,通过打包发布到npm中央仓库或者私有仓库,来进行维护和托管代码,方便公用代码的使用,如果涉及到不方便公开的代码组件可以发布到私有仓库. npm包命名规则及文件夹结构用模块的名称命名根目录,npm包名不能重复每个npm包根目录下…

快速开发一个npm包(轮子)

动机很多人都想写一个自己的轮子,可是开始动手的时候你总会遇到以下问题一个基本的 js 库应该如何编写基本的前端项目都要哪些文件又要怎么打包发布到 npm 上你的 es6 语法如何才能让别人识别 readme 应该如何编写如何添加 eslint 怎么才能打包一个 umd 格式文件让 html 直接引用为此,我专门制作了一套快速搭建 JavaScript 项目库的模板,并且做好了基本的配置. 目录如下: . ├── _config.yml ├── build # 打包后的项目文件目录…

【vue系列之三】从一个vue-pdf-shower，说说vue组件和npm包

前言从去年年初开始,自己便下决心要写一个vue系列的博客,但时至今日,才写系列的第三篇博客,想来甚是惭愧. 但是慢归慢,每一篇都要保证质量,以及要写出自己的心路历程,防止自己工作中填的坑再让读者走一遍. vue上手相对react来说是比较简单的,对于vue的基本指令以及语法,应该没有什么能比官网更详细,更生动的了.仔细想来,vue值得一说的,在项目中会让新手感到困惑的,是vue的组件,今天就最近工作中用到的一个pdf查看组件,和大家聊聊vue的组件.最后会讲如何将自己的代码封装成一个npm包,…

如何发布一个npm包(基于vue)

前言:工作的时候总是使用别人的npm包,然而我有时心底会好奇自己如何发布一个npm包呢,什么时候自己的包能够被很多人喜欢并使用呢...今天我终于迈出了第一步. 前提:会使用 npm,有 vue 基础,了解一点 webpack Are you ready? Go! 目录编写自己的npm包发布npm包使用自己的npm包更新npm包最终效果一.编写自己的npm包 1. 新建一个空文件夹 2. 进入文件夹,终端(cmd)运行 npm init 完成后会在目录下生成一个 package.js…

编写一个供浏览器端使用的NPM包

此文已由作者吴维伟授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 在编写程序时,总会有一些代码是我们不愿意一遍又一遍重复地去写的,比如一些UI或交互相似组件,或是一些相似的流程或逻辑.以前,面对这样的情况,我会将可以复用的部分抽象出来,做成可以复用的模块,放在专门存放公用模块的文件夹中,便于查找和引用.但是这样只能解决单个项目中公用模块复用的问题,如果你的模块需要被多个项目复用,那么就需要另寻它法了.本文讨论的是通过发布npm包来实现模块复用时有哪些注意事项. 新建一个…