npm使用

作者: 小豆子的牛儿 | 来源:发表于2018-06-27 18:55 被阅读33次

介绍下这款明星工具, npm    

npm 目前最活跃的javascript软件包管理系统。

使用别人写好的npm包

安装npm包

npm install xxx -g 全局安装

npm install xxx -save 本地安装

npm install xxx -S  本地项目依赖的包

npm install xxx -D  本地工具包 不需要打包到项目文件里

更新npm包

npm update xxx

卸载npm包

npm uninstall xxx

自己编写npm包

创建一个npm包, 首先需要创建一个package.json文件, 这个文件需要严格的JSON格式

npm init 可以动态创建一个package.json的文件

如果不想一直回车可以添加-y 使用默认配置

npm init -y

发布你的npm包

首先你需要在npm的官网去注册一个npm账号.

然后npm publish去发布你完成的包,  也可以使用npm whoami 来查询当前登录的用户

说一些好玩的scripts里面的配置, 这里的npm内置配置都会自动调用

prepare 在npm包发布之前会自动调用

publish 在npm包发布之后自动调用

preinstall 在npm包install之前调用

install 在npm包install之后调用

{

    "scripts": {

       "prepare": "npm version patch", //在npm包发布之前会自动调用更新npm包版本

    }

}

更新你的npm包

当你更新你的npm包文件之后, 需要使用npm的一些命令来更新你的npm包版本号

npm version patch 将会基于你当前的版本号加1  eg v1.0.1 -> v1.0.2

测试自己的包

在完成的包中使用npm install . -g来安装自己的包到全局

或者使用npm link 来测试自己的包, npm link的使用有两步,

cd进入到包所在的目录, npm link

在使用npm包的项目中, npm link 包名字

npm配置

package.json的小世界

{

   "name": "包名字",

   "version": "v1.0.0",

   "description": "描述",

   "main": "index.js", // 程序的入口

   "scripts": {    // 可以定义一系列脚本

       "build": "webpack" // 可以通过 npm run build 来使用

   },

   "keywords": ["console"], //关键字

   "author": "作者名字",

   "license": "ISC",

   "homepage": "主页,可以在这里介绍你的包",

   "dependencies": {},  // 你的包依赖的其他包  使用-S安装到这里 -S是--save的简写

   "devDependencies": {}, //工具包, 用来打包,测试你的包, 使用-D安装到这里 -D是--save-dev简写

}

相关文章

  • 小程序开发如何使用npm

    构建npm 开启“使用npm模块”(右上角详情-本地设置-勾选使用npm模块)使用npm模块 初始化npm npm...

  • vue2.0之axios

    安装 使用 bower: $ bower install axios 使用 npm: $ npm install ...

  • Vue-cli环境安装

    1:升级npm #查看npm的版本$ npm -v #使用npm升级npm的版本$ npm npm install...

  • npm常用指令

    npm的日常使用 : 如何使用npm(亮点:登录发布npm代码) NPM知识点(亮点:设置仓库地址及代理) np...

  • 【NPM】NPM的使用

    基本词解释 Node.js 是一个开源、跨平台JS运行时环境,用来运行服务器端的JS代码。Chrome V8JS引...

  • npm常用命令

    NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。 使用npm hel...

  • [读] npm太慢, 淘宝npm镜像使用方法

    npm太慢, 淘宝npm镜像使用方法

  • npm换源

    使用淘宝镜像 临时使用npm --registry https://registry.npm.taobao.org...

  • vue-scroller的使用

    安装 使用npm 安装npm install vue-scroller -d 引入 在main.js里面使用 使用...

  • npm使用

    介绍下这款明星工具, npm npm 目前最活跃的javascript软件包管理系统。 使用别人写好的npm包 ...

网友评论

      本文标题:npm使用

      本文链接:https://www.haomeiwen.com/subject/dieiyftx.html