创建 在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 包名@版本号
> in the node_modules folder, run 要卸载以前在本地 npm install (使用node_modules文件夹中的npm install...使用-S标志或--save ，此操作还将删除package.json文件中的引用。...devDependencies of the package.json file, you must use the -D / --save-dev flag to remove it from the file: 如果程序包是在...package.json文件的devDependencies中列出的开发依赖关系，则必须使用-D / --save-dev标志将其从文件中删除： npm uninstall -S <package-name...flag: 如果软件包是全局安装的，则需要添加-g / --global标志： npm uninstall -g for example: 例如： npm uninstall
database-config 目录 步骤 创建文件 index.js config.yml 开始使用 完整配置示例 mongodb mysql 下载安装 npm i database-config...(__dirname); //创建一个数据库连接对象 //设置__dirname 之后，可以自动读取同目录下的配置文件 config.yml，或者可以自行设置目录位置 db.Create(); //初始化数据库对象并连接...module.exports = db; //导处该对象并在您想用的地方使用它 config.yml 配置数据库及其集合、表的相关信息 以 mongodb 为例 # 数据库配置 DATABASE...# 设置字段及其对应的类型，以数组的形式 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...2.0.12 npm-check-updates 包的作用 将你的 package.json 依赖升级到最新版本，忽略指定的版本。...安装 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
@qq.com" # 你的邮箱 npm config set init-author-url "https://www.jianshu.com/u/8afb7e623b70" # 你的个人网页 npm.../src/index' 使用typescript编译 没有安装typescript就先安装 npm i -g typescript 初始化tsconfig.json文件 tsc --init 自动生成文件...name": "mzc-ng-api", // 这个名字要小写且不能重复，有大写字母会报错 "version": "1.0.2", "description": "个人博客系统，从后台api取数据的...image.png 使用 新建一个项目安装包 npm i mzc-ng-api 发现很多东西都发布上去了。 ? image.png 而且在开发工作没有智能提示。..."description": "个人博客系统，从后台api取数据的angular封装", "main": "index.js", "types": ".
通常，我们会在代码中引入实用包，比如typy，sugar，并轻松的使用它们。 那么，你有没有想过编写自己的实用程序/库，并将其发布到NPM上面，以便在世界任何的地方可以重复使用它？...NPM是一个理想且不断发展的生态系统，并且可以免费使用它。所以，从长远看，将所有可重用代码作为npm包发布上去将会帮助到你。...npm init （根据提示）输入有意义的包名称和包的相应详细信息。这将为你创建package.json。所有NPM包都需要main键。这定义了我们库的入口点。...现在去发布，运行（下面指令） npm publish 这会将你的包发布到NPM注册表。...样板文件 我有一些我自己的npm软件包，并在线研究了创建NPM软件包的所有最佳实践，并专门为此创建了样板文件。它具有预先设置的所有功能，以便你可以在几秒钟内开始使用。
Nodejs生态通过npm包的形式复用代码,目前累计有超过100多万个开源可用的包。其中一些流行的包每周下载量破千万，是许多应用程序的基础，从小型宠物项目到知名科技初创公司都有使用到。...今天，现代Web应用程序中97%的代码来自npm模块。我们遴选了30个常用的nodejs安装包，让您免于重新发明轮子。...，用于使用 JavaScript 中的可观察集合和组合来组合异步和基于事件的程序。...foo/bar/baz').then(made => console.log(`made directories, starting with ${made}`)); 4.glob Glob 是一个使用多种模式匹配文件的库...是一种流行的人性化数据序列化语言。
了解可执行的NPM包 NPM是Node.js的包管理工具，随着Node.js的出现，以及前端开发开始使用gulp、webpack、rollup以及其他各种优秀的编译打包工具（大多数采用Node.js来实现...常见的那些包 可以回想一下，webpack官网中是否有过这样的字样： > npm install webpack -g > webpack 当然，现在是不推荐使用全局安装模式的，具体原因会在下边提到...包，因为是一个简单的示例，所以不会真实的进行上传，会使用npm ln来代替npm publish + npm install。.../node_modules/ > npm rebuild 因为绕过了NPM的安装步骤，一定要记得npm rebuild来让NPM知道我们的包注册了bin 这时候我们修改脚本文件，在脚本中添加当前执行目录的输出...小结 总结了一下关于NPM可执行的包相关的一些东东，希望能够帮大家简单的理解这是个什么，以及global和local下一些可能会遇到的问题，希望能够让大家绕过这些坑。
准备工作 在npm官网注册账号，要记住用户名/邮箱/密码 三个信息，后面需要用到 需要发布的项目应该有相应的git地址 包括但不限于github 最好在项目中使用gulp来把跑测试用例和打包的过程进行自动化...，方便发布 操作流程 在修改完成后，首先本地提交，并执行单元测试(npm run unit) 如果测试通过，则可以打包出压缩后的成品代码(npm run build) 此时进入预发布流程，可以先通过npm...whoami来确认登录信息，如果当前未登录，则需要npm login来输入用户名/密码/邮箱来登录 确定处于登录状态后，npm version from-git把本地的npm包版本号更新到最新 使用npm...push && git push --tags同步到远程 执行npm publish将npm最新版本的包进行发布。...同步最新版本 需要在用到此npm包的项目中的package.json中更改此包的最新版本号，然后执行npm i来更新包的代码 之后就可以在最新包的基础上进行开发
，发布自己的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
在JavaScript开发领域，npm（Node Package Manager）是不可或缺的包管理和分发工具，它不仅提供了海量的开源库供开发者使用，还允许每个人将自己的代码封装成包分享给全世界。...初始化项目 选择一个目录作为你的项目根目录，打开命令行工具，运行以下命令初始化一个新的npm项目： npm init 这将引导你填写项目的元数据，如名称、版本、描述等。...发布到npm 1. 登录npm 在命令行中使用以下命令登录你的npm账号： npm login 按照提示输入用户名、密码和邮箱。 2....避免策略：确保你使用正确的npm账号登录，且该账号对包名有权限。如果是团队协作，确保包名未被他人占用。 2. 版本冲突 问题：发布时提示版本已存在。 避免策略：每次发布前检查并更新版本号。...代码质量 问题：包中存在潜在的bug或性能问题。 避免策略：在发布前进行充分的测试，使用单元测试、ESLint等工具提高代码质量。考虑开源社区的代码审查。
本文简单地记录了发布一个npm包的过程，以便自己后续参考使用，也为有需要的朋友提供一点思路。...文件是必要的，以便别人了解你的包是做什么用途。...确认registry 一般我们开发时会修改npm registry为https://registry.npm.taobao.org。 但是发布npm包时，我们需要将其改回来，不然是会报错的。...添加npm账户 使用npm adduser添加账户，别名npm login D:\robin\lib\weapp-utils>npm adduser Username: tusi666 Password...npm查询到所发布的包 调用 发布成功了，也要验证下，是否可正常使用。
如何发布 npm 包 一旦你有了一个npm项目和一个npm账户，你就可以把你的npm包发布到公开的官方npmjs注册表上，让其他人可以使用。...这可以确保我们没有遗漏任何源代码文件，这些文件是软件包正常运行所需要的。这也是一个好的做法，以确保我们不会意外地将敏感信息泄露给公众，如带有数据库凭证或API密钥的本地配置文件。...接下来，我们来看一下如何制作一个更强大的包，为生产环境做好准备，并得到更广泛的使用。 生产就绪的npm包 虽然前面的例子的包可以在生产中使用，但它涉及到人工成本来保持其长期的维护。...： 在当前包目录中，在终端运行 npm link 改变目录到你想使用npm包的项目目录。...它涉及到发布的包，并像你通常对任何其他npm包那样进行安装。 使用本文前面概述的步骤，通过 npm publish 命令发布npm包 改变目录到想使用npm包的项目目录。
默认导出 对于开发一个 JavaScript 三方库供外部使用而言，package.json是其中不可缺少的一部分 一般而言，对于库开发者来说，我们会在package.json中指定我们的导出入口。...主入口文件可以是 JavaScript 代码、JSON 数据或者是 Node.js C++扩展 module module字段是 ES 模块规范下的入口文件，它被用于支持 import 语法。...当使用 esm 或 webpack 等工具打包时，会优先采用 module 字段指定的入口文件。...如果没有指定 module 字段，则会使用 main 字段指定的入口文件作为默认的 ES 模块入口文件 指定导出 一般情况下，我们使用main和module在大部分场景下对于开发一个库来说已经足够。...并且会尝试使用各种解析策略来解析该路径 由于enhance-resolve是一个完全独立于webpack的模块，当我们自己实现一个三方打包器或者插件时，如果想实现类似的模块解析能力，也可以完全独立使用enhance-resolve
## 起因在编写我个人的前端工具库的时候，想要为项目生成一个 API 文档，因为项目使用的是 TypeScript ，自然就想到使用 TypeDOC 为项目来生成一个文档，经过一番学习，发现 TypeDOC...生成的 API 文档随便可以使用各种主题插件，但是还是有点不好看，然后就一直没有做这件事。...图片标签，点进去一看，就是一个 API 文档，而且非常好看，大概的样子就是下面这样（这里我就替换成我自己的工具库的 API 文档的图片啦）图片查看URL就可以知道，这里应该是通过引用 npmjs 和...github 共同来生成的，规则大概是这样https://paka.dev/npm/[发包到npm上的包名]@[版本号]将上面的 URL 替换成自己的，然后复制到浏览器直接访问即可看到自己的工具库的 API...文档最后也欢迎大家使用我的工具函数库，其中是我自己在工作、学习当中的一些常用的工具函数的封装，同样也欢迎大家提 PR 或者 ISSUEGithub : @dimples/util
它的每一个属性，对应一段脚本。比如，build命令对应的脚本是node build.js。 命令行下使用npm run命令，就可以执行这段脚本。...查看当前项目的所有 npm 脚本命令，可以使用不带任何参数的npm run命令。 $ npm run 二、原理 npm 脚本的原理非常简单。...npm 脚本的退出码，也遵守 Shell 脚本规则。如果退出码不是0，npm 就认为这个脚本执行失败。 三、通配符 由于 npm 脚本就是 Shell 脚本，因为可以使用 Shell 通配符。...如果是并行执行（即同时的平行执行），可以使用&符号。...此外，还可以使用 node 的任务管理模块：script-runner、npm-run-all、redrun。 六、默认值 一般来说，npm 脚本由用户提供。但是，npm 对两个脚本提供了默认值。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
