一、什么是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 detailsfound 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 detailsfound 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
安装完成!