nodejs的安装使用与npm的介绍


Posted in NodeJs onSeptember 11, 2019

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官网后,点击下载左边的稳定版本,如下图所示:

nodejs的安装使用与npm的介绍

下载完成之后,开始安装,点击Next

nodejs的安装使用与npm的介绍

Next

nodejs的安装使用与npm的介绍

如果不需要修改安装路径,Next

nodejs的安装使用与npm的介绍

Next

nodejs的安装使用与npm的介绍

Install

nodejs的安装使用与npm的介绍

打开命令行工具,开始->运行->cmd->回车, 输入node,如果提示如下,则安装成功,否则需要手动配置环境变量,或者重新安装,安装成功后,我们可以进行JavaScript语言测试:

nodejs的安装使用与npm的介绍

Mac环境安装Node.js

直接使用brew包管理器进行安装,并根据提示添加环境变量,然后输入node进行测试:

nodejs的安装使用与npm的介绍

以上就是Node.js分别在Windows和Mac环境下的安装介绍。

三、npm

任何一门计算机语言都包含了丰富的第三方库,npm就是JavaScript这门语言的第三方库管理工具,本文详细介绍了JavaScript的包管理工具,npm。

在计算机中安装好Node.js之后,默认已经安装好了npm包管理工具,我们可以输入npm命令进行测试:

nodejs的安装使用与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 不小心被发布出去;

dependenciesdevDependencies

在开发阶段,我们需要对开发的模块进行单元测试,这时在开发环境 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 字段决定了我们的包发布到哪里。

总结

以上所述是小编给大家介绍的nodejs的安装与npm的介绍,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

NodeJs 相关文章推荐
NodeJS的url截取模块url-extract的使用实例
Nov 18 NodeJs
NodeJS连接MongoDB数据库时报错的快速解决方法
May 13 NodeJs
nodejs模块nodemailer基本使用-邮件发送示例(支持附件)
Mar 28 NodeJs
nodejs处理图片的中间件node-images详解
May 08 NodeJs
Nodejs 和Session 原理及实战技巧小结
Aug 25 NodeJs
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
Jan 05 NodeJs
nodejs基于WS模块实现WebSocket聊天功能的方法
Jan 12 NodeJs
webstorm中配置nodejs环境及npm的实例
May 15 NodeJs
nodejs 十六进制字符串型数据与btye型数据相互转换
Jul 30 NodeJs
nodejs require js文件入口,在package.json中指定默认入口main方法
Oct 10 NodeJs
详解NodeJS Https HSM双向认证实现
Mar 12 NodeJs
5分钟教你用nodeJS手写一个mock数据服务器的方法
Sep 10 NodeJs
5分钟教你用nodeJS手写一个mock数据服务器的方法
Sep 10 #NodeJs
NodeJS 文件夹拷贝以及删除功能
Sep 03 #NodeJs
纯异步nodejs文件夹(目录)复制功能
Sep 03 #NodeJs
nodejs文件夹深层复制功能
Sep 03 #NodeJs
Nodejs中使用puppeteer控制浏览器中视频播放功能
Aug 26 #NodeJs
nodejs简单抓包工具使用详解
Aug 23 #NodeJs
nodejs使用node-xlsx生成excel的方法示例
Aug 22 #NodeJs
You might like
php中获取远程客户端的真实ip地址的方法
2011/08/03 PHP
TP3.2.3框架文件上传操作实例详解
2020/01/23 PHP
转一个日期输入控件,支持FF
2007/04/27 Javascript
JS加ASP二级域名转向的代码
2007/05/17 Javascript
jquery的Theme和Theme Switcher使用小结
2010/09/08 Javascript
jquery div拖动效果示例代码
2013/12/08 Javascript
js图片自动轮播代码分享(js图片轮播)
2014/05/06 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
2014/12/02 Javascript
JavaScript中的数据类型转换方法小结
2015/10/26 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
JS加载器如何动态加载外部js文件
2016/05/26 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
Javascript从数组中随机取出不同元素的两种方法
2016/09/22 Javascript
微信小程序 slider 详解及实例代码
2017/01/10 Javascript
javascript编程实现栈的方法详解【经典数据结构】
2017/04/11 Javascript
利用jqprint插件打印页面内容的实现方法
2018/01/09 Javascript
weui中的picker使用js进行动态绑定数据问题
2019/11/06 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
[49:21]2018DOTA2亚洲邀请赛3月30日 小组赛B组 Effect VS iG
2018/03/31 DOTA
Python使用random和tertools模块解一些经典概率问题
2015/01/28 Python
简介Python中用于处理字符串的center()方法
2015/05/18 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
Flask 上传自定义头像的实例详解
2020/01/09 Python
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
结婚典礼证婚词
2014/01/11 职场文书
家长对小学生的评语
2014/01/28 职场文书
给水工程专业毕业生自荐信
2014/01/28 职场文书
企业总经理职责
2014/02/02 职场文书
如何写自我鉴定
2014/03/19 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
共产党员批评与自我批评
2014/10/15 职场文书
运动会表扬稿范文
2015/05/05 职场文书
可可西里观后感
2015/06/08 职场文书
HR必备:销售经理聘用合同范本
2019/08/21 职场文书
php+laravel 扫码二维码签到功能
2021/05/15 PHP