以之前的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覆盖测试用例。你可能会认为，这其实一点都不难，的确如此。
npm 包输出 es/cjs 产物 在开发一个 npm 包时，通常需要同时输出 ES 模块和 CommonJS 模块的产物供不同的构建进行使用。...在只使用tsc进行产物编译的情况下，我们通常可以通过配置两个独立的 tsconfig.json 配置文件，并在一个 npm script 中 执行两次 tsc 命令来实现 项目结构 假设我们的项目结构如下...&& tsc -p tsconfig.cjs.json", } } 通过运行 npm run build，可以生成同时包含 ES 模块和 CommonJS 模块的产物 TypeScript 的...配置 要使用项目引用，需要在 tsconfig.json 中添加 references 字段。...TypeScript 的 references 后如何实现一个命令 tsc 输出 ES 和 CommonJS 产物并且提升增量编译的性能 仍以上面的项目结构为例子，我们使用 TypeScript 的项目引用来实现这个需求
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
// 这会导致错误，因为 person 是只读的 console.log(person.name); // 输出 "Alice" 在这个例子中，我们使用 as const 创建了一个名为 person...const; deepReadonlyObject.a.b.c = 2; // 这会导致错误，因为所有属性都是只读的 在第一个例子中，deepObject 的属性仍然可以修改。...在第二个例子中，deepReadonlyObject 的所有属性，包括嵌套属性，都是只读的，无法修改。 实际应用场景 配置文件：使用 as const 定义配置文件，确保配置项不被意外修改。...例如，确保组件属性在使用过程中不会被修改。...如果你想了解更多关于 TypeScript 的高级特性和实战技巧，欢迎关注我的公众号「前端达人」。在这里，我们一起探索前端开发的无限可能，共同提升技术水平！
> 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 版本号。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
