npm和cnpm(windows)安装步骤

一、什么是npm和cnpm


npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) 
cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

二、安装nodejs

1、首先前往nodejs官网下载nodejs 

2、然后点击安装,选择自己要安装的路径,此处我选择的是:E:\App\nodejs,安装至完成。 
3.window+R,输入cmd,打开命令提示符窗口,输入: 

node -v
npm -v

三、改变原有的环境变量

1、首先配置npm的全局模块的存放路径、cache的路径,此处我选择放在:E:\App\nodejs
依次输入如下命令:(注意路径要改为自己的路径

npm config set prefix "E:\App\nodejs\node_global"
npm config set cache "E:\App\nodejs\node_cache"

2、在命令行输入以下命令安装express,express是node官方唯一推荐的一个web框架,提供很多基础方便的功能。(注:“-g”表示安装到global目录下,就是上面设置的node_global中)

npm install express -g

 

C:\Windows\system32>npm install express -g

added 57 packages, and audited 58 packages in 6s

7 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
npm notice
npm notice New minor version of npm available! 8.5.5 -> 8.8.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.8.0
npm notice Run npm install -g npm@8.8.0 to update!
npm notice

 

C:\Windows\system32>npm install -g npm@8.8.0 -g

added 1 package, and audited 202 packages in 5s

11 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

C:\Windows\system32>npm fund
system32 

3、在系统环境变量添加NODE_PATH,输入路径为:

        E:\App\nodejs\node_modules
操作如下:我的电脑右击,打开属性->高级系统设置->环境变量->新建(系统变量下)->输入变量名NODE_PATH->变量值:通过“浏览目录”输入上面路径,确定即可。

4、在系统变量path下添加该路径。 

        E:\App\nodejs\node_global


如图,修改系统变量path: 

 

 

注:使用NPM命令:

下载三方库:npm install vue --save (vue是库名称 --save是保存,这里的 横线 是2个 --save也可以简写成-S)
全局安装bower:npm install bower –g
使用bower info 可以查看库的版本:bower info vue
下载指定版本的库:npm install vue@2.1.0 (vue是库名称+@符号+版本号)

四、安装cnpm

1、安装cnpm,输入以下命令:

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

(注意:为了避免每次安装都需要--registry参数,可以使用如下命令

进行永久设置:npm config set registry http://registry.npm.taobao.org

2,输入cnpm -v ,检测是否正常,但是这里会报错。

C:\Windows\system32>cnpm -v
cnpm@7.1.1 (E:\App\nodejs\node_global\node_modules\cnpm\lib\parse_argv.js)
npm@6.14.17 (E:\App\nodejs\node_global\node_modules\cnpm\node_modules\npm\lib\npm.js)
node@16.15.0 (E:\app\nodejs\node.exe)
npminstall@5.8.1 (E:\App\nodejs\node_global\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=E:\App\nodejs\node_global
win32 x64 10.0.17763
registry=https://registry.npmmirror.com

 

3,查看安装位置

查看npm安装位置:npm root -g 

E:\App\nodejs\node_global\node_modules

查看cnpm安装位置:cnpm root -g 

E:\app\nodejs\node_modules

安装完成! 

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值