创建 在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软件包的所有最佳实践,并专门为此创建了样板文件。它具有预先设置的所有功能,以便你可以在几秒钟内开始使用。
了解可执行的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下一些可能会遇到的问题,希望能够让大家绕过这些坑。
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官网注册账号,要记住用户名/邮箱/密码 三个信息,后面需要用到 需要发布的项目应该有相应的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来更新包的代码 之后就可以在最新包的基础上进行开发
在JavaScript开发领域,npm(Node Package Manager)是不可或缺的包管理和分发工具,它不仅提供了海量的开源库供开发者使用,还允许每个人将自己的代码封装成包分享给全世界。...初始化项目 选择一个目录作为你的项目根目录,打开命令行工具,运行以下命令初始化一个新的npm项目: npm init 这将引导你填写项目的元数据,如名称、版本、描述等。...发布到npm 1. 登录npm 在命令行中使用以下命令登录你的npm账号: npm login 按照提示输入用户名、密码和邮箱。 2....避免策略:确保你使用正确的npm账号登录,且该账号对包名有权限。如果是团队协作,确保包名未被他人占用。 2. 版本冲突 问题:发布时提示版本已存在。 避免策略:每次发布前检查并更新版本号。...代码质量 问题:包中存在潜在的bug或性能问题。 避免策略:在发布前进行充分的测试,使用单元测试、ESLint等工具提高代码质量。考虑开源社区的代码审查。
,发布自己的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包的过程,以便自己后续参考使用,也为有需要的朋友提供一点思路。...文件是必要的,以便别人了解你的包是做什么用途。...确认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元无门槛券
手把手带您无忧上云