以之前的base64.js https://my.oschina.net/lilugirl2005/blog/3058514 为参考内容,我们发布一个用typescrip编写的npm包 创建typescript...项目 初始化项目 mkdir base64 cd base64 npm init 安装相关依赖库 npm install --save-dev typescript 发布npm包 在实际项目中安装和使用...npm包
创建 在npm的官网上注册一个账号,https://www.npmjs.com/ 1:在本地通过npm init 初始化一个项目,并建一个index.js 文件,因为index.js为默认进入的文件,如下...: 2:在本地将该创建的项目打开,并在index.js编写想要写的文件(这里简单写一个排序),如下: 3:接下来通过npm login来登录你之前创建的npm账号,如下: 4:npm pubish...使用 npm install 包名 三. 版本更新 更改版本号 重新发布 四. 删除某个版本 npm unpublish 包名@版本号
创建 在npm的官网上注册一个账号,https://www.npmjs.com/ 1:在本地通过npm init 初始化一个项目,并建一个index.js 文件,因为index.js为默认进入的文件,如下...: image-ab2ede5fb9d14ab8bb059eb63257c67c.png 2:在本地将该创建的项目打开,并在index.js编写想要写的文件(这里简单写一个排序),如下: image...-1dc4644452b844869943897ce6cfd223.png 3:接下来通过npm login来登录你之前创建的npm账号,如下: image-4841e3bdae0d4096a9f8fd6c903c0720...使用 npm install 包名 三....删除某个版本 npm unpublish 包名@版本号
@qq.com" # 你的邮箱 npm config set init-author-url "https://www.jianshu.com/u/8afb7e623b70" # 你的个人网页 npm...包发布测试项目 ## License 请查看 [MIT license](..../src/index' 使用typescript编译 没有安装typescript就先安装 npm i -g typescript 初始化tsconfig.json文件 tsc --init 自动生成文件...image.png 使用 新建一个项目安装包 npm i mzc-ng-api 发现很多东西都发布上去了。 ? image.png 而且在开发工作没有智能提示。...": "npm run b && npm publish", "p":"npm run publish" }, 至此基本的流程算是走通了。
前言 在这篇文章中,我们将使用TypeScript和Jest从头开始构建和发布一个NPM包。 我们将初始化一个项目,设置TypeScript,用Jest编写测试,并将其发布到NPM。...npm i -D jest @types/jest ts-jest ts-jest包是Jest理解TypeScript所需要的。另一个选择是使用babel,这将需要更多的配置和额外的模块。...注册成功后,通过你的终端用npm login登录。 我们离发布我们的新包只有一步之遥。不过,还有几件事情需要处理。 首先,确保我们的package.json中拥有正确的元数据。...我们可以做的一件事是使用.npmignore,列出所有我们不想发布的文件。我更希望有一个"白名单",所以让我们使用package.json中的files字段来指定我们想要包含的文件。...总结 我们从头开始创建并发布了一个简单的npm包。 我们的库提供了一个ESM模块,TypeScript的类型,使用jest覆盖测试用例。 你可能会认为,这其实一点都不难,的确如此。
前言在这篇文章中,我们将使用TypeScript和Jest从头开始构建和发布一个NPM包。我们将初始化一个项目,设置TypeScript,用Jest编写测试,并将其发布到NPM。...npm i -D jest @types/jest ts-jestts-jest包是Jest理解TypeScript所需要的。另一个选择是使用babel,这将需要更多的配置和额外的模块。...注册成功后,通过你的终端用npm login登录。我们离发布我们的新包只有一步之遥。不过,还有几件事情需要处理。首先,确保我们的package.json中拥有正确的元数据。...我们可以做的一件事是使用.npmignore,列出所有我们不想发布的文件。我更希望有一个"白名单",所以让我们使用package.json中的files字段来指定我们想要包含的文件。...总结我们从头开始创建并发布了一个简单的npm包。我们的库提供了一个ESM模块,TypeScript的类型,使用jest覆盖测试用例。你可能会认为,这其实一点都不难,的确如此。
3、本地安装npm包 3.1本地安装or全局安装 有两种方式用来安装 npm 包:本地安装和全局安装。至于选择哪种方式来安装,取决于我们如何使用这个包。...3.5使用已安装的包 一旦将包安装到 node_modules 目录中,你就可以使用它了。比如在你所创建的 Node.js 模块中,你可以 require 这个包。...你可以使用 npm init 命令创建 package.json 文件。命令行中将会提示 package.json 字段中需要你输入的值。...9.5如何更新npm包 当你包的内容修改之后,比如: exports.showMsg = function () { console.log("This is my second module");...10、npm script是什么?如何使用? package.json 文件有一个 scripts 字段,可以用于指定脚本命令,供 npm 直接调用。
很多时候,我们可能想要用 typescript 语言来创建一些模块,并提交到 npm 供别人使用, 那么在 2018 年,如果我想要初始化这样的一个模块,我需要做哪些步骤呢?...实际开发中,如果每个包都去走一遍这些步骤,步骤好像确实有点多。...typescript # 初始化npm包 npm init --y # 初始化tsconfig tsc --init 2....发布包到 npm 如果你还没注册 npm 的用户的话,需要先注册。...://www.npmjs.com/ 上找到你的包 参考 Step by step: Building and publishing an NPM Typescript package.
源码和编译 包里只有一个工具类函数,叫 midIndexOf,和 indexOf 类似,返回元素在数组中的索引位置。...然后就是这个包的使用场景,我希望它能同时在浏览器和 nodejs 环境中使用,所以我希望将其编译成两种模块文件(esm 和 commonjs)。 这种情况下最好的打包工具就是 rollup。...如果没副作用,设置为 false,可以帮助打包工具做 tree-shaking,将一些引入了但没有使用的包移除; package.json 是可以自定义字段的,一些前端工具的配置除了可以单独使用一个配置文件...过一段时间我会出一篇 github action 的文章,里面再介绍如何做自动化发包。...所以发布完后,你需要使用 npm dist-tag 将 latest 指向回原来的版本号: npm dist-tag add @3.0.0 latest 结尾 一个简单的 npm 发包流程大概就是这些了
,发布自己的npm包 ------------------ npm login 根据提示输入之前注册的账号、密码。...发布npm包: npm publish 此时在自己个人的npm账号主页可以看到该包。...4.使用自己发布的包(模块)的示例代码 ----------- 安装之前发布的npm包: npm install finitxu-npm-test 新建其它目录,初始化:npm init。...使用已发布NPM包的示例代码test.js: var test_npm = require('finitxu-npm-test'); console.log(test_npm) console.log(...6.使用更新后的NPM包 ------------ 更新NPM包: 针对patch: npm install finitxu-npm-test 针对minor: npm install finitxu-npm-test
图片如何在NPM上发布自己的第一个vue组件库,是每一名vue前端开发人员必经的进阶之路,本文将结合作者的实践项目,为各位读者详细讲解所有的操作步骤,相信你在阅读本文后,就能立马动手。...由于本文的主要目的是讲解如何创建组件库并发布到NPM,因此对于组件的创建会一笔带过。....发布自己的npm包先在 npm 官网(https://www.npmjs.com/)上注册一个账号,注册过程略。...图片下载使用使用vue create app新建一个项目 ,然后在项目下输入以下命令npm install chdemo_tinymce//我的包是chdemo_tinymce,你们的是什么就填什么即可如果安装不成功...,依然是要换成官方镜像源,使用如下命令npm config set registry https://registry.npmjs.org如图,同样是在main.js中引入自己的文件图片[外链图片转存失败
文章读译自 The 30 second guide to publishing a typescript package to npm,部分内容有修改哈。...这篇文章要求你有一定的 JS 、TS 和 NPM 的知识,如果你写过普通的 NPM 包就更好啦~如果没有的话网上也很多教程的,都很简单~ 发布过 npm 包的同学都知道,初始化一个 npm 项目,直接用...需要注意的是,当你使用私有的类型时,但是这个类型也外部 API 的一部分,这个包的使用者就得不到该类型的类型推断,TS 编译器也会报警告,这时你只需要在该类型前添加 export 即可。 2..../index.d.ts" (上面默认你在 tsconfig.json 中配置的 outDir 指向的是 dist 目录) 3....配合 commitizen 来发布 npm 包,感兴趣的同学可以自行了解一下~ 如果想要在发布前调试本地包,可以使用 npm link 命令,在此项目根目录执行npm link, 然后在要调试的 demo
> in the node_modules folder, run 要卸载以前在本地 npm install (使用node_modules文件夹中的npm install...从项目根文件夹(包含node_modules文件夹的文件夹)中。...使用-S标志或--save ,此操作还将删除package.json文件中的引用。...package.json文件的devDependencies中列出的开发依赖关系,则必须使用-D / --save-dev标志将其从文件中删除: npm uninstall -S <package-name...flag: 如果软件包是全局安装的,则需要添加-g / --global标志: npm uninstall -g for example: 例如: npm uninstall
search nexus // 查找nexus的包 docker pull sonatype/nexus3 // 下载nexus的镜像 docker images // 使用此命令可以看到刚刚下载的...登录密码 image.png 此时发现密码在/nexus-data/admin.password中 输入以下命令,将vincentNexus替换成你自己的nexus名字,红框为admin的密码 登录之后可以修改密码...docker exec -it vincentNexus bash cat /nexus-data/admin.password image.png 5.搭建完毕如何使用 按照如下步骤点击Create...npm registry 如果是用了nrm的话可以直接nrm add name url的方式添加 image.png 下面看怎么上传包到私服 使用 "npm login –-registry=你的私服地址...image.png 登录之后的样子 要发布的模块,必须保证在根目录下有package.json文件 然后使用命令 "npm publish –-registry=你的私服地址" 即可发布上去。
此时,我们就需要将npm发布到内网环境。 今天呢,我们就来讲讲「如何在gitlab上发布npm包」。 好了,天不早了,干点正事哇。...其实,在publish中script有一个很明显的命令: npm run semantic-release 这是我们这节的主角。它可以帮助我们实现在gitlab中自动发布包。...❝这样做是为了在使用semantic-release发布npm包时,确保发布的包中包含了经过构建后的代码而不是源代码。...此时,在Build->Pipelines中可以看到部署过程。 经过短时间的等待,就会出现如下结果。 也就是说,我们CI/CD成功了。 那么,如何验证我们的npm包是否发布成功呢。...也就是说在Package Registry中就会出现多个版本的npm包。 5. 本地项目使用私有包 既然,我们向gitlab发布完私包了,在对应的位置也看到了有包的信息。
nexus // 查找nexus的包 docker pull sonatype/nexus3 // 下载nexus的镜像 docker images // 使用此命令可以看到刚刚下载的nexus...登录密码 此时发现密码在/nexus-data/admin.password中 输入以下命令,将vincentNexus替换成你自己的nexus名字,红框为admin的密码 登录之后可以修改密码...docker exec -it vincentNexus bash cat /nexus-data/admin.password 5.搭建完毕如何使用 按照如下步骤点击Create repository...使用 "npm login –-registry=你的私服地址" 进行登陆,需要填写账号、密码以及邮箱。...登录之后的样子 要发布的模块,必须保证在根目录下有package.json文件 然后使用命令 "npm publish –-registry=你的私服地址" 即可发布上去。发布上后的截图是这样的:
database-config 目录 步骤 创建文件 index.js config.yml 开始使用 完整配置示例 mongodb mysql 下载安装 npm i database-config...cnpm i database-config 使用 create 创建一个目录用来存放两个配置文件,以 mongodb 为例 目录结构 mongodb //目录名随意 index.js...config.yml,或者可以自行设置目录位置 db.Create(); //初始化数据库对象并连接 module.exports = db; //导处该对象并在您想用的地方使用它 config.yml...# 设置字段及其对应的类型,以数组的形式 String: [ user_name, user_pwd, user_email ] Number: [ user_phone ]...Array: [ user_friend ] ObjectId: [ _id ] 开始使用 导入上述例子中目录下的 index.js const db = require('.
新建 .js .md 文件 .md 文件 针对当前 包模块 向外暴漏的 function 的使用方法 和 传参的类型 3....工具类函数 封装完毕以后需要注意的点: 1. pageage.json 包的名称开头 不可以使用 (特殊字符、大写字母) 2....发布包 1. npm login ( 报错的大部分原因可能是 npm 镜像的问题。...不可使用 淘宝镜像, 使用npm 官方推荐的镜像源 ) npm config get registry // 查看镜像源 npm config set registry http...表示链接成功,执行 npm publish 5. 上传成功的界面 提示: 如果需要重新更新包的内容,需要注意,必须修改 npm version 版本号。
注册npm账户 ---- 注册地址 用户名,密码,邮箱后面发布会用到 注册完需要验证邮箱 会发送邮件至你注册的邮箱 按指示完成验证即可 新建项目 ---- 创建目录 mkdir package...切换目录 cd package 初始化npm npm init -y 后续可在 package.json 文件中增加更改配置 安装ESlint ---- 安装 npm i eslint 初始化配置...eslint --init 配置 Commitlint ---- 安装 Commitlint 脚手架和 Git Hook 工具 npm install @commitlint/cli @commitlint...login 依次输入用户名 密码 邮箱 npm publish 包名不能重复并合法 使用官方源 npm config set registry http://registry.npmjs.org...注册npm的邮箱需要验证
首先说一下包版本的控制 假设 package.json 的包版本如下 "dependencies": { "vue": "^2.5.0", "vuex": "~3.1.0", "vue-router...或者 *,其当前位置的版本号都会更新到最新 永远保持最新版本可以将版本号设置为 x 或者 *,如 pinia * => pinia 2.0.12 npm-check-updates 包的作用 将你的...安装 npm install -g npm-check-updates 检查 package.json 的最新依赖项 ncu 显示当前目录中项目的所有最新依赖项(不包括 peerDependencies...): 查看单个包的最新版本 ncu vue 更新 package.json 的最新依赖项 ncu -u 更新单个依赖 ncu -u vue 查看全局的安装包最新版本 ncu -g 使用通配符...检查某一个包 ncu vuex ncu -f vuex ncu --filter vuex 检查某一类的包 ncu 'vue*' ncu "/^react*$/" 检查除某个包以外的所有包 ncu
领取专属 10元无门槛券
手把手带您无忧上云