js学习17-----安装npm以及cnpm

本文详细介绍了在Windows环境下如何安装Node.js及npm,包括改变npm全局路径、安装cnpm。还探讨了npm与cnpm的区别,并对npm常用命令进行了详细解释,如安装、卸载、更新插件等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

新版的node.js中已经存在了npm的模块,不用手动安装,但是,这个npm有的时候往往会因为一些网络的问题或这个代理服务器出现问题,导致我们在导包的时候呀,就npm ERR,因此我们选择使用淘宝的cnpm镜像,用它来速度飞起,,,,

安装npm及cnpm(Windows)

【工具官网】

Node.js : http://nodejs.cn/

淘宝NPM: https://npm.taobao.org/

【安装步骤】

一、安装node.js

1.前往node.js官网下载并安装工具,这里安装路径选到D盘,D:\Program Files\nodejs

 安装完毕在命令行输入以下命令测试是否安装成功,正确会出现版本号

1

npm -v

 

2.改变原有的环境变量,

  (1)我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹,输入以下命令改变npm配置

1

2

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

 

  (2)在系统环境变量添加系统变量NODE_PATH,输入路径D:\Program Files\nodejs\node_global\node_modules,此后所安装的模块都会安装到改路径下  

  (3)在命令行输入以下命令试着安装express(注:“-g”这个参数意思是装到global目录下,也就是上面说设置的“D:\Program Files\nodejs\node_global”里面。)

1

npm install express -g

 安装完毕后可以看到.\node_global\node_modules\express 已经有内容

  (4)在命令行输入node进入编辑模式,输入以下代码测试是否能正常加载模块:

1

require('express')

 假设成功,可以看到有输出。假设出错,检查NODE_PATH的路径。

 

二、安装淘宝npm(cnpm)

 1.安装cnpm

   (1)输入以下命令

1

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

   (2)输入cnpm -v输入是否正常,这里肯定会出错。

1

cnpm -v

   (3)添加系统变量path的内容

  因为cnpm会被安装到D:\Program Files\nodejs\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

cnpm和npm的区别

cnpm应该是指的国内的npm镜像源,npm是使用的国外的镜像源,如果没做别的更改,应该只有这些区别,命令一样用,但是下载速度不一样

NPM介绍:

  1. 说明:NPM(节点包管理器)是的NodeJS的包管理器,用于节点插件管理(包括安装,卸载,管理依赖等)
  2. 使用NPM安装插件:命令提示符执行npm install <name> [-g] [--save-dev] 
    <name>:节点插件名称。  
    例:npm install gulp-less --save-dev
  3. -g:全局安装。 将会安装在C:\ Users \ Administrator \ AppData \ Roaming \ npm,并且写入系统环境变量;非全局安装:将会安装在当前定位目录;全局安装可以通过命令行任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过要求()调用;
  4. --save:将保存至的package.json(的package.json是的NodeJS项目配置文件)
  5. -dev;:保存至的package.json的devDependencies节点,不指定-dev将保存至依赖节点

为什么要保存至的的package.json?因为节点插件包相对来说非常庞大,所以不加入版本管理,将配置信息写入的的package.json并将其加入版本管理,其他开发者对应下载即可(命令提示符执行npm install,则会根据package.json下载所有需要的包)。

 

6. 使用 npm 卸载插件: npm uninstall <name> [ -g ] [ --save-dev ]

7. 使用 npm 更新插件: npm update <name> [ -g ] [ --save-dev ]

8. 更新全部插件: npm update [ --save-dev ] 

9. 查看 NPM帮助: NPM帮助 

10.查看当前目录已安装插件:npm list

PS:NPM安装插件过程:从http://registry.npmjs.org 下载对应的插件包(该网站服务器位于国外,所以经常下载缓慢或出现异常),解决办法往下看↓↓↓↓↓↓。

CNPM介绍:

  1. 说明:因为故宫安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果故宫的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事来自官网:“这是一个完整npmjs.org镜像,你可以用此代替官方版本(只读),同步频率目前为10分钟一次以保证尽量与官方服务同步“。
  2. 官方网址:http://npm.taobao.org
  3. 安装:命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org
  4. 注意:安装完后最好查看其版本cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误 

注:CNPM跟NPM用法完全一致,只是在执行命令时将故宫改为CNPM。

npm install命令详解

package.json中dependencies和devDependencies的部分都会被安装,区别在于前者用于生产环境,后者用于开发环境
-g 表示全局安装,通常用于安装脚手架等工具
–save(-s) 表示本地安装,会被加至dependencies部分
–save-dev 表示本地安装,会被加至devDependencies部分
什么都不加也会安装,但是不会加至package.json中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值