nodejs的安装与npm的介绍
node.js是一个javascript运行环境(runtime environment),发布于2009年5月,由ryan dahl开发,实质是对chrome v8引擎进行了封装。本文详细介绍了node.js的安装和使用。
一、node.js介绍
node.js 不是一个 javascript 框架,不同于cakephp、django、rails。node.js 更不是浏览器端的库,不能与 jquery、extjs 相提并论。node.js 是一个让 javascript 运行在服务端的开发平台,它让 javascript 成为与php、python、perl、ruby等服务端语言平起平坐的脚本语言。
二、node.js安装
windows环境安装node.js
在浏览器地址栏输入https://nodejs.org/en/
, 进入node.js
官网后,点击下载左边的稳定版本,如下图所示:
下载完成之后,开始安装,点击next
:
next
如果不需要修改安装路径,next
next
install
打开命令行工具,开始
->运行
->cmd
->回车
, 输入node,如果提示如下,则安装成功,否则需要手动配置环境变量,或者重新安装,安装成功后,我们可以进行javascript语言测试:
mac环境安装node.js
直接使用brew包管理器进行安装,并根据提示添加环境变量,然后输入node进行测试:
以上就是node.js分别在windows和mac环境下的安装介绍。
三、npm
任何一门计算机语言都包含了丰富的第三方库,npm就是javascript这门语言的第三方库管理工具,本文详细介绍了javascript的包管理工具,npm。
在计算机中安装好node.js之后,默认已经安装好了npm包管理工具,我们可以输入npm
命令进行测试:
使用npm包管理工具安装第三方库
安装好npm包管理工具之后,我们来介绍两种安装npm包的方式:全局安装和局部安装
全局安装
如果你想将该第三方库作为一个命令行工具,并且任何项目都可用,那么你应该将其安装到全局。使用这种安装方式,可以让你在任何目录下使用这个包,安装全局包的方式如下:
npm install -g <package>
全局方式安装的npm包,全局可用。
本地安装方式一
npm init npm install vue@2.5.17
以上方式安装的npm包,只在当前目录下可用,该方式安装的包:
- 会把包安装到node_modules目录中 - 不会新增并修改package.json - 运行npm install不会自动安装该包
本地安装方式二
npm init npm install vue@2.5.17 --save
本地–save方式安装的npm包,只在当前目录下可用,该方式安装的包:
- 会把包安装到node_modules目录中 - 会在package.json的dependencies属性下添加包 - 运行npm install命令时,会自动安装包到node_modules目录中
本地安装方式三
npm init npm install vue@2.5.17 --save-dev
采用上述第三种方式安装的npm包,只在当前目录下可用,该方式安装的包:
- 会把包安装到node_modules目录中 - 会在package.json的devdependencies属性下添加包 - 运行npm install命令时,不会自动安装包到node_modules目录中
卸载全局包
`npm uninstall <package> -g`
卸载本地
npm uninstall <package> -s, --save: package will be removed from your dependencies. npm uninstall <package> -d, --save-dev: package will be removed from your devdependencies.
通过npm安装javascript第三方库时,访问的是国外的站点,访问速度会比较慢,此时我们可以使用国内的镜像站,cnpm,详细的使用方式请参考http://npm.taobao.org/
。
安装cnpm后,使用方式如下:
cnpm install vue
以上就是npm包的安装和卸载介绍。
但是,当我们需要维护多个独立的项目环境时, 比如项目一需要vue2.5.10支持,而项目二需要最新的vue2.5.17,我们应该分别为项目一和项目二创建独立的、与外界隔离的第三方库环境。而不是在当前目录下使用本地或者全局方式安装npm包。
我们应该创建一个文件夹,并将该文件夹初始化为npm包环境,使用方式如下:
mkdir myproject cd myproject npm init
使用npm init
初始化项目环境的时候,会出现如下提示:
press ^c at any time to quit. package name: (myproject) version: (1.0.0) description: entry point: (index.js) test command: git repository: keywords: author: license: (isc) about to write to /users/pizza/downloads/myproject/package.json: { "name": "myproject", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"error: no test specified\" && exit 1" }, "author": "", "license": "isc" } is this ok? (yes)
按需填入上述信息,最后输入yes
,项目环境初始化完毕。如果使用默认信息,可以直接使用npm init -y
进行初始化。
上面的信息依次是:
name 项目名称 version 项目的版本号 description 项目的描述信息 entry point 项目的入口文件 test command 项目启动时脚本命令 git repository 如果你有 git 地址,可以将这个项目放到你的 git 仓库里 keywords 关键词 author 作者 license 项目要发行的时候需要的证书
查看特定package的信息
npm ls <package>
更新package
npm update <package>
搜索package
`npm search <package>`
package.json详解
随着项目的不断丰富,package.json文件也会跟随着不断的复杂,接下来,介绍几个在上述没有的条目:
"private": true, "dependencies": { "antd": "^2.11.1", "classnames": "^2.2.5" }, "devdependencies": { "axios": "^0.15.3", "babel-eslint": "^6.1.2" }, "bin": { "dk-cli": "./bin/dk-cli.js" }, "scripts": { "start": "node index.js" }, "engines": { "node": ">=6.9.0", "npm": ">=3.10.10" } "publishconfig": { "registry": "http://gongsineibu/nexus/repository/npm-hosted/" }
private
可选字段,布尔值。如果 private 为 true,npm 会拒绝发布。这可以防止私有 repositories 不小心被发布出去;-
dependencies
与devdependencies
在开发阶段,我们需要对开发的模块进行单元测试,这时在开发环境 devdependencies 下就要安装单元测试模块 mocha。
在生产环境 dependencies,用户直接使用项目,此时项目的开发已全部完成。这时就不需要单元测试模块了,再加上只会影响性能。
- dependencies 指定了项目生产环境时所依赖的模块,
- devdependencies 制定了项目开发环境时所依赖的模块。
-
scripts
该字段指定了运行脚本命令的npm命令行缩写,比如start指定了运行npm run start时,所要执行的命令。下面的设置指定了npm run dev、npm run bulid、npm run unit、npm run test、npm run lint时,所要执行的命令;
"scripts": { "dev": "node build/dev-server.js", "build": "node build/build.js", "unit": "cross-env babel_env=test karma start test/unit/karma.conf.js --single-run", "test": "npm run unit", "lint": "eslint --ext .js,.vue src test/unit/specs" }
engines
字段指定依赖的node版本-
publishconfig
当我们开发完自己的项目想要将它发布到 npm 仓库就需要使用这个属性。默认情况下我们是往 npm 公共仓库中发布包,默认地址是:
https://www.npmjs.com/
,此时在package.json
文件中可以不加这个属性。但是如果公司内部搭建了 npm 私有仓库,此时发布包就不是往
https://www.npmjs.com/
这个地址上发布了,而是公司内部提供的地址,如:http://gongsineibu/nexus/repository/npm-hosted/
。此时配置如下:"publishconfig": { "registry": "http://gongsineibu/nexus/repository/npm-hosted/" }
publicconfig
字段决定了我们的包发布到哪里。
关于npm的介绍到这里就结束
上一篇: .NET高级特性-Emit(1)
下一篇: 换个角度使用VUE过滤器