NPM(Node.js) 使用介绍
前言:express 推出了4.X,自己尝试了一下,出现了各种问题。结果查看了各种文档和问题,现在在这个给大家分享下4.X版本的安装。
NPM 使用介绍
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
- 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
- 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:
- $ npm -v
- 4.15.
如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级,命令如下:
- $ sudo npm install npm -g
- /usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js
- npm@2.14. /usr/local/lib/node_modules/npm
如果是 Window 系统使用以下命令即可:
- npm install npm -g
使用淘宝镜像的命令:
- cnpm install npm -g
使用 npm 命令安装模块
npm 安装 Node.js 模块语法格式如下:
- $ npm install <Module Name>
以下实例:使用 npm 命令安装常用的 Node.js web框架模块 express:
声明:对于 express 的安装,网上众说纷纭,目前使用最多的是 3.X 和 4.X 版本,由于 4.X 更新较快,自己也尝试了下,以下对两者进行说明:
(1)说明:如果需要使用 express 3.x,直接使用nmp 中的@字符确定版本,指令如下:npm install -g express-generator@3
如果需要使用 express 4.X,这里有个需要注意的问题在 4.x 版本express 已经把命令行工具分离出来
- 链接https://github.com/expressjs/generator
(2)express 4.0
版本之前,有一个命令行工具 express
,可以用来生成 express 模块的应用结构(网站结构) ---(我未实践); express4.x
之后,express
命令被独立出来放在了express-generator
模块中 (已实践)。
(3)3.X 版本的 express 安装好之后,可以使用 express -V 来检测是否安装成功,其中 V 要大写,不然很多版本中会不识别
4.X 版本的 express 安装好之后,可使用 express --version 来检测是否安装成功,及安装版本。
(4)安装:本人实践了 4.15.0 版本的安装,过程如下:
首先:(前提:直接安装好 nodeJS 和 npm, 未使用 nodeJS) 由于 npm 一般都会配置成全局模块,这样以防以后使用不方便,一般情况下我们会在NodeJs安装目录下建立"node_global"及"node_cache"两个文件夹,如下:
并使用 命令行 改变 npm 启动 和 缓存 位置:
- npm config set prefix "F:\Program Files\nodejs\node_global" # 启动文件位置: 使用 npm 命令安装的 全局模块 文件存储位置
- npm config set cache "F:\Program Files\nodejs\node_cache" # 缓存位置:缓存文件位置
然后开始安装 模块:
先说下问题: 对于 4.X 版本,本人在安装完成后(安装很容易,使用命令即可),但安装成功后,使用 IDE 建立 nodeJS 项目时出现以下问题:
- Error creating Node.js Express App. Cannot find C:\Users\Trunapushpa\AppData\Local\Temp\intellij-express-generator5627\node_modules\express-generator\bin\express
如下:
查了许多文档:
主要原因:The issue is caused by recent changes in express-generator structure: express.js has been renamed to express-cli.js
查阅的主要解决办法:(1)Try running the command prompt as administrator. (我未实践成功)
(2)To Fix
- npm install -g express-generator
- express project_name
- cd project_name, npm install
- in webstorm, File | open, choose project_name folder
(3)Run command prompt as administrator, and create the folder.
本人使用 (2),(3) 解决了以上问题,以下说明 express 的安装:
- $ npm install -g express-generator # express-generator 必须全局安装
- $ npm install express --sane # express 没必要全局安装,但最好 安装的同时,进行保存,即 加上 --save.
安装好之后,express 包就放在了工程目录下的 node_modules 目录中,因此在代码中只需要通过 require('express') 的方式就好,无需指定第三方包路径。
- var express = require('express');
全局安装与本地安装
npm 的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如
- npm install express # 本地安装
- npm install express -g # 全局安装
如果出现以下错误:
- npm err! Error: connect ECONNREFUSED 127.0.0.1:
解决办法为:
- $ npm config set proxy null
本地安装
- 1. 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
- 2. 可以通过 require() 来引入本地安装的包。
全局安装
- 1. 将安装包放在 /usr/local 下或者你 node 的安装目录。
- 2. 可以直接在命令行里使用。
如果你希望具备两者功能,则需要在两个地方安装它或使用 npm link。
接下来我们使用全局方式安装 express
- $ npm install express -g
安装过程输出如下内容,第一行输出了模块的版本号及安装位置。
- express@4.13. node_modules/express
- ├── escape-html@1.0.
- ├── range-parser@1.0.
- ├── merge-descriptors@1.0.
- ├── array-flatten@1.1.
- ├── cookie@0.1.
- ├── utils-merge@1.0.
- ├── parseurl@1.3.
- ├── cookie-signature@1.0.
- ├── methods@1.1.
- ├── fresh@0.3.
- ├── vary@1.0.
- ├── path-to-regexp@0.1.
- ├── content-type@1.0.
- ├── etag@1.7.
- ├── serve-static@1.10.
- ├── content-disposition@0.5.
- ├── depd@1.0.
- ├── qs@4.0.
- ├── finalhandler@0.4. (unpipe@1.0.)
- ├── on-finished@2.3. (ee-first@1.1.)
- ├── proxy-addr@1.0. (forwarded@0.1., ipaddr.js@1.0.)
- ├── debug@2.2. (ms@0.7.)
- ├── type-is@1.6. (media-typer@0.3., mime-types@2.1.)
- ├── accepts@1.2. (negotiator@0.5., mime-types@2.1.)
- └── send@0.13. (destroy@1.0., statuses@1.2., ms@0.7., mime@1.3., http-errors@1.3.)
查看安装信息
你可以使用以下命令来查看所有全局安装的模块:
- $ npm list -g
- ├─┬ cnpm@4.3.
- │ ├── auto-correct@1.0.
- │ ├── bagpipe@0.3.
- │ ├── colors@1.1.
- │ ├─┬ commander@2.9.
- │ │ └── graceful-readlink@1.0.
- │ ├─┬ cross-spawn@0.2.
- │ │ └── lru-cache@2.7.
- ……
如果要查看某个模块的版本号,可以使用命令如下:
- $ npm list grunt
- projectName@projectVersion /path/to/project/folder
- └── grunt@0.4.
使用 package.json
package.json 位于模块的目录下,用于定义包的属性。接下来让我们来看下 express 包的 package.json 文件,位于 node_modules/express/package.json 内容:
- {
- "name": "express",
- "description": "Fast, unopinionated, minimalist web framework",
- "version": "4.13.3",
- "author": {
- "name": "TJ Holowaychuk",
- "email": "tj@vision-media.ca"
- },
- "contributors": [
- {
- "name": "Aaron Heckmann",
- "email": "aaron.heckmann+github@gmail.com"
- },
- {
- "name": "Ciaran Jessup",
- "email": "ciaranj@gmail.com"
- },
- {
- "name": "Douglas Christopher Wilson",
- "email": "doug@somethingdoug.com"
- },
- {
- "name": "Guillermo Rauch",
- "email": "rauchg@gmail.com"
- },
- {
- "name": "Jonathan Ong",
- "email": "me@jongleberry.com"
- },
- {
- "name": "Roman Shtylman",
- "email": "shtylman+expressjs@gmail.com"
- },
- {
- "name": "Young Jae Sim",
- "email": "hanul@hanul.me"
- }
- ],
- "license": "MIT",
- "repository": {
- "type": "git",
- "url": "git+https://github.com/strongloop/express.git"
- },
- "homepage": "http://expressjs.com/",
- "keywords": [
- "express",
- "framework",
- "sinatra",
- "web",
- "rest",
- "restful",
- "router",
- "app",
- "api"
- ],
- "dependencies": {
- "accepts": "~1.2.12",
- "array-flatten": "1.1.1",
- "content-disposition": "0.5.0",
- "content-type": "~1.0.1",
- "cookie": "0.1.3",
- "cookie-signature": "1.0.6",
- "debug": "~2.2.0",
- "depd": "~1.0.1",
- "escape-html": "1.0.2",
- "etag": "~1.7.0",
- "finalhandler": "0.4.0",
- "fresh": "0.3.0",
- "merge-descriptors": "1.0.0",
- "methods": "~1.1.1",
- "on-finished": "~2.3.0",
- "parseurl": "~1.3.0",
- "path-to-regexp": "0.1.7",
- "proxy-addr": "~1.0.8",
- "qs": "4.0.0",
- "range-parser": "~1.0.2",
- "send": "0.13.0",
- "serve-static": "~1.10.0",
- "type-is": "~1.6.6",
- "utils-merge": "1.0.0",
- "vary": "~1.0.1"
- },
- "devDependencies": {
- "after": "0.8.1",
- "ejs": "2.3.3",
- "istanbul": "0.3.17",
- "marked": "0.3.5",
- "mocha": "2.2.5",
- "should": "7.0.2",
- "supertest": "1.0.1",
- "body-parser": "~1.13.3",
- "connect-redis": "~2.4.1",
- "cookie-parser": "~1.3.5",
- "cookie-session": "~1.2.0",
- "express-session": "~1.11.3",
- "jade": "~1.11.0",
- "method-override": "~2.3.5",
- "morgan": "~1.6.1",
- "multiparty": "~4.1.2",
- "vhost": "~3.0.1"
- },
- "engines": {
- "node": ">= 0.10.0"
- },
- "files": [
- "LICENSE",
- "History.md",
- "Readme.md",
- "index.js",
- "lib/"
- ],
- "scripts": {
- "test": "mocha --require test/support/env --reporter spec --bail --check-leaks test/ test/acceptance/",
- "test-ci": "istanbul cover node_modules/mocha/bin/_mocha --report lcovonly -- --require test/support/env --reporter spec --check-leaks test/ test/acceptance/",
- "test-cov": "istanbul cover node_modules/mocha/bin/_mocha -- --require test/support/env --reporter dot --check-leaks test/ test/acceptance/",
- "test-tap": "mocha --require test/support/env --reporter tap --check-leaks test/ test/acceptance/"
- },
- "gitHead": "ef7ad681b245fba023843ce94f6bcb8e275bbb8e",
- "bugs": {
- "url": "https://github.com/strongloop/express/issues"
- },
- "_id": "express@4.13.3",
- "_shasum": "ddb2f1fb4502bf33598d2b032b037960ca6c80a3",
- "_from": "express@*",
- "_npmVersion": "1.4.28",
- "_npmUser": {
- "name": "dougwilson",
- "email": "doug@somethingdoug.com"
- },
- "maintainers": [
- {
- "name": "tjholowaychuk",
- "email": "tj@vision-media.ca"
- },
- {
- "name": "jongleberry",
- "email": "jonathanrichardong@gmail.com"
- },
- {
- "name": "dougwilson",
- "email": "doug@somethingdoug.com"
- },
- {
- "name": "rfeng",
- "email": "enjoyjava@gmail.com"
- },
- {
- "name": "aredridel",
- "email": "aredridel@dinhe.net"
- },
- {
- "name": "strongloop",
- "email": "callback@strongloop.com"
- },
- {
- "name": "defunctzombie",
- "email": "shtylman@gmail.com"
- }
- ],
- "dist": {
- "shasum": "ddb2f1fb4502bf33598d2b032b037960ca6c80a3",
- "tarball": "http://registry.npmjs.org/express/-/express-4.13.3.tgz"
- },
- "directories": {},
- "_resolved": "https://registry.npmjs.org/express/-/express-4.13.3.tgz",
- "readme": "ERROR: No README data found!"
- }
Package.json 属性说明
name - 包名。
version - 包的版本号。
description - 包的描述。
homepage - 包的官网 url 。
author - 包的作者姓名。
contributors - 包的其他贡献者姓名。
dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。
repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。
main - main 字段是一个模块ID,它是一个指向你程序的主要项目。就是说,如果你包的名字叫 express,然后用户安装它,然后require("express")。
keywords - 关键字
卸载模块
我们可以使用以下命令来卸载 Node.js 模块。
- $ npm uninstall express
卸载后,你可以到 /node_modules/ 目录下查看包是否还存在,或者使用以下命令查看:
- $ npm ls
更新模块
我们可以使用以下命令更新模块:
- $ npm update express
搜索模块
使用以下来搜索模块:
- $ npm search express
创建模块
创建模块,package.json 文件是必不可少的。我们可以使用 NPM 生成 package.json 文件,生成的文件包含了基本的结果。
- $ npm init
- This utility will walk you through creating a package.json file.
- It only covers the most common items, and tries to guess sensible defaults.
- See `npm help json` for definitive documentation on these fields
- and exactly what they do.
- Use `npm install <pkg> --save` afterwards to install a package and
- save it as a dependency in the package.json file.
- Press ^C at any time to quit.
- name: (node_modules) runoob # 模块名
- version: (1.0.)
- description: Node.js 测试模块(www.runoob.com) # 描述
- entry point: (index.js)
- test command: make test
- git repository: https://github.com/runoob/runoob.git # Github 地址
- keywords:
- author:
- license: (ISC)
- About to write to ……/node_modules/package.json: # 生成地址
- {
- "name": "runoob",
- "version": "1.0.0",
- "description": "Node.js 测试模块(www.runoob.com)",
- ……
- }
- Is this ok? (yes) yes
以上的信息,你需要根据你自己的情况输入。在最后输入 "yes" 后会生成 package.json 文件。
接下来我们可以使用以下命令在 npm 资源库中注册用户(使用邮箱注册):
- $ npm adduser
- Username: mcmohd
- Password:
- Email: (this IS public) mcmohd@gmail.com
接下来我们就用以下命令来发布模块:
- $ npm publish
如果你以上的步骤都操作正确,你就可以跟其他模块一样使用 npm 来安装。
版本号
使用NPM下载和发布代码时都会接触到版本号。NPM使用语义版本号来管理代码,这里简单介绍一下。
语义版本号分为X.Y.Z三位,分别代表主版本号、次版本号和补丁版本号。当代码变更时,版本号按以下原则更新。
- 如果只是修复bug,需要更新Z位。
- 如果是新增了功能,但是向下兼容,需要更新Y位。
- 如果有大变动,向下不兼容,需要更新X位。
版本号有了这个保证后,在申明第三方包依赖时,除了可依赖于一个固定版本号外,还可依赖于某个范围的版本号。例如"argv": "0.0.x"表示依赖于0.0.x系列的最新版argv。
NPM支持的所有版本号范围指定方式可以查看官方文档。
NPM 常用命令
除了本章介绍的部分外,NPM还提供了很多功能,package.json里也有很多其它有用的字段。
除了可以在npmjs.org/doc/查看官方文档外,这里再介绍一些NPM常用命令。
NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。
NPM提供了很多命令,例如
install
和publish
,使用npm help
可查看所有命令。使用
npm help <command>
可查看某条命令的详细帮助,例如npm help install
。在
package.json
所在目录下使用npm install . -g
可先在本地安装当前命令行程序,可用于发布前的本地测试。使用
npm update <package>
可以把当前目录下node_modules
子目录里边的对应模块更新至最新版本。使用
npm update <package> -g
可以把全局安装的对应命令行程序更新至最新版。使用
npm cache clear
可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。使用
npm unpublish <package>@<version>
可以撤销发布自己发布过的某个版本代码。
使用淘宝 NPM 镜像
大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
- $ npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以使用 cnpm 命令来安装模块了:
- $ cnpm install [name]
更多信息可以查阅:http://npm.taobao.org/。
NPM(Node.js) 使用介绍的更多相关文章
- Node.js简单介绍并实现一个简单的Web MVC框架
编号:1018时间:2016年6月13日16:06:41功能:Node.js简单介绍并实现一个简单的Web MVC框架URL :https://cnodejs.org/topic/4f16442cca ...
- NPM Node.js 包管理
1.NPM 简介 1.1 NPM Node.js® 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可方便地构建快速,可扩展的网络应用程序的平台.Node.js 使用事件驱动, ...
- nvm npm node.js的关系
nvm npm node.js都是用来构建reactNativ的项目 nvm管理node.j和npm版本的 node.js管理reactNative开发中所需要的代码库的 npm管理对应node ...
- Node.js 基础介绍
什么是Node.js 官网介绍: Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js us ...
- npm --- Node.js包管理器
目录 1. 安装Node.js 2. 运行npm 3. npm介绍 3.1 安装插件 3.2 更新插件 3.3 卸载插件 3.4 查看当前目录中的插件列表 4. 使用cnpm 4.1 安装 npm( ...
- Node.js简单介绍
Node.js是一个能够让javascript执行在server上的平台,既是语言又是平台. Node.js是一个实时web应用程序的平台. Node.js有强大的包管理器npm,故node相关软件安 ...
- Node.js 基础介绍(一)
Node.js 学习笔记一) 简单介绍--名称 Node.js,平时听到有好几种叫法,node .Node.js.nodejs ,但是比较正式的称呼还是"Node.js",由于它是 ...
- ubantu 14.04中安装npm+node.js+react antd
今天折腾了半天,各种安装问题,最终还是装上了: 1.安装npm $ sudo apt install npm 2.升级npm $ sudo npm install npm@latest -g 输入np ...
- node.js 的介绍
1.node.js是什么? (1)node.js不是一门编程语言, 是一个开发平台,就像Java开发平台,Net平台,PHP开发平台,Apple开发平台.(何为开发平台?有对应的编程语言,有语言运行时 ...
- Node.js函数介绍(参数为一个函数)
在JavaScript中,一个函数可以作为另一个函数的参数.我们可以先定义一个函数,然后传递,也可以在传递参数的地方直接定义函数. Node.js中函数的使用与Javascript类似,举例来说,你可 ...
随机推荐
- 查看hive中某个表中的数据、表结构及所在路径
查看hive中action_data_myisam表中的数据.表结构及所在路径 1.客户端进入hive环境:hive 2.查看表数据,鉴于数据量大,这里只显示前五条:select * from act ...
- 新学到的xss姿势,分享一下
在js中有一种神奇的对象叫做window 当页面中包含如类似的 <script>var c = urlQuery("callback"); var r = JSON.p ...
- Tomcat 实现热部署
热部署概念 热部署是指在你对JSP或JAVA类进行了修改在不重启WEB服务器前提下能让修改生效,配置文件的修改除外 热部署好处 每次打增量包的时候就不用重新启动tomcat了 ...
- 【PHP系列】PHP推荐标准之PSR-1,PSR-2
说起码代码,刚上大学那会,老师就教导我们,要严格,规范的,把代码写好.代码如人,工工整整.提起规范化的代码,从一开始用命令行编辑C语言代码就开始控制,强制自己按照相关的标准来,所以,现在写代码,不规范 ...
- Javascript中关于作用域和闭包和域解释的面试题
<script type="text/javascript"> function fn() { var i = 10; return function (n) { co ...
- Java日常总结之LinkedList、ArrayList的效率分析
前言: 在我们平常开发中难免会用到List集合来存储数据,一般都会选择ArrayList和LinkedList,以前只是大致知道ArrayList查询效率高LinkedList插入删除效率高,今天来实 ...
- 关于Storm Stream grouping
在Storm中, 开发者可以为上游spout/bolt发射出的tuples指定下游bolt的哪个/哪些task(s)来处理该tuples.这种指定在storm中叫做对stream的分组,即stream ...
- 把Eclipse项目转换成Maven项目
把Maven项目转换成Eclipse项目只要使用Maven的Eclipse插件就能做到 mvn eclipse:eclipse 其实Maven的Eclipse插件也有把Eclipse项目转换成Mave ...
- Fraction to Recurring Decimal leetcode
Given two integers representing the numerator and denominator of a fraction, return the fraction in ...
- 跑马灯、短信与反射EditText
1.1.跑马灯功能 Android自带支持跑马灯功能,实现此功能需要设置已下属性: android:ellipsize="marquee" // 必选,跑马灯样式 android: ...