npm与package.json

这里是修真院前端小课堂，每篇分享文从

【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

八个方面深度解析前端知识/技能，本篇分享的是：

【npm与package.json 】

大家好，我是IT修真院北京总院第24期的学员，一枚正直纯洁善良的web程序员

今天给大家分享一下，修真院官网js任务3，深度思考中的知识点——npm与package.json

 

1.背景介绍

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

1-允许用户从NPM服务器下载别人编写的第三方包到本地使用。

2-允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

3-允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

2.知识剖析

Node.js安装包及源码下载地址为：https://nodejs.org/en/download/

 

通过homebrew安装（推荐方式）

1、首先需要安装homebrew，可以通过brew -v来看是否安装了homebrew，如果能正确显示版本号，说明homebrew已安装

 

2、如果没有安装homebrew，下发命令安装即可

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

homebrew：官网

2、安装homebrew后，下发命令安装node：

brew link node

brew uninstall node

brew install node

验证是否安装成功？

下发命令npm -v、node -v，如果能正确显示版本号即表示node.js安装成功，如果是通过homebrew安装的，下发命令brew list会显示node

 

删除已安装的node

如果之前已经手动安装过node，再次通过homebrew安装往往产生冲突，可以尝试先删除

1、如果是通过homebrew安装的，下发命令brew uninstall node即可

2、如果是通过安装包安装的，手动删除node的安装文件即可

3.常见问题

npm安装太慢总报错

npm由于源服务器在国外，下载node包速度较慢

报错：校验和失败，网上说这种校验和失败，大多数原因是网络不好。

 

4.解决方案

使用国内镜像

有2种方法：

一、直接修改镜像地址；

二、用封装好的cnpm命令

国内镜像

cnpm镜像地址：http://registry.cnpmjs.org

淘宝镜像地址：https://registry.npm.taobao.org

直接设置镜像有3种方法：

1.npm config set key value 命令，设置指定的镜像地址

npm config set registry https://registry.npm.taobao.org

npm info underscore （这个只是为了检验上面的设置命令是否成功，若成功，会返回[指定包]的信息）

2.npm --registry命令

npm --registry https://registry.npm.taobao.org info underscore （npm info underscore依然是为了检验是否设置成功）

3.修改配置文件~/.npmrc （win系统在C:\Users\用户名.npmrc） 加入下面内容

registry = https://registry.npm.taobao.org

其实1,2，3都是修改npm的配置文件.npmrc

cnpm

如果觉得直接修改比较麻烦的话，就用cnpm命令吧，先用

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装cnpm包，然后就可以敲cnpm install [name]命令了，很方便~~

如果网络状况不好，或者觉得npm install慢的可以换成国内的镜像试下~~~

或者你直接通过添加 npm 参数 alias 一个新命令:

alias cnpm="npm --registry=https://registry.npm.taobao.org \

--cache=$HOME/.npm/.cache/cnpm \

--disturl=https://npm.taobao.org/dist \

--userconfig=$HOME/.cnpmrc"

# Or alias it in .bashrc or .zshrc

$ echo '\n#alias for cnpm\nalias cnpm="npm --registry=https://registry.npm.taobao.org \

--cache=$HOME/.npm/.cache/cnpm \

--disturl=https://npm.taobao.org/dist \

--userconfig=$HOME/.cnpmrc"' >> ~/.zshrc && source ~/.zshrc

参考链接：淘宝 NPM 镜像

5.编码实战

package.json

package1.json

 

6.扩展思考

package.json文件

每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。

package.json文件

7.参考文献

package.json文件

博客

segmentfault

简书

npm package.json属性详解

 

 

 

 

视频链接    密码: a2hp

ppt链接

感谢大家观看

今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~