目录
- 浅谈npm的安装与使用
- 一、NPM概念
- Npn的安装:
- (一)测试是否安装好:
- (二)基于npm进行模块管理
- (三)打开npm终端两种方法
- npm在项目之中安装jq
- cnpm的安装与使用
- (1):cnpm的使用
- 1:安装模块
- pnpm
浅谈npm的安装与使用
一、NPM概念
NPM:Node package manger — node管理工具
根据npm模块我们可以快速安装和卸载所需要的资源文件(:jq,vue,vue-router);
Npn的安装:
官网:http://nodejs.org/zh-cn (下载的是长期支持版本),安装了node之后,npm也就安装了。
(一)测试是否安装好:
1在cmd中输入: node -v;获得node的版本;输入npn -y得到的是npm的版本。
出现这些对应的版本号说明安装成功了。
2,更改镜像:
原因:因为npm的地址是美国的,下载速度异常慢,把它的地址改为淘宝的,就可以解决(第一次安装的时候需要);
(1)查看npm的镜像源 npm config get registry
(2)把镜像源更改为淘宝镜像:
npm config set registry=https://registry.npm.taobao.org
(3). 安装成功后再查看npm 的镜像源
原始npm 镜像 与 切换的淘宝镜像
npm config set registry https://registry.npmjs.org/
npm config set registry https://registry.npm.taobao.org/
(二)基于npm进行模块管理
npm官网:http://www.npmjs.com (基于npm是从npmjs.com平台上下载的安装,jQuery,vue等)
重要的操作
1:npm install XXX(那些东西) 把模块安装在当前项目当(最后生成这样的一个文件夹 — node_modules)
-g —为全局安装
–save-dev( -D )—开发阶段的依赖
–save( -S ) —生产阶段的依赖
2: npm init -y 初始化当前项目的配置依赖清单
生成一个package.json文件,里面有着你安装的第三方模块,还有着你的npm项目信息,最大的用处就是上传到git托管服务器,忽略掉node_modules包!
3: npm install 把环境,按照清单按照所需的模块
4: npm root -g 查看全局安装模块的目录
5: npm uninstall xxx 卸载!
6:npm run build(serve) —执行命令!
(三)打开npm终端两种方法
1:在文件夹里面的地址栏输入cmd
2:打开终端的方式:第一种在你的目标目录文件上面直接输入cmd,或者在Vscode点击右键,在终端中打开!
npm在项目之中安装jq
- 01:鼠标光标卡在index文件之中,鼠标右键(在你的项目之中打开终端 )
- 02:在终端之中,输入以下命令
- npm i jquery -g 这是全局安装
- 安装完毕后,会显示你已经安装一个jq包!
- npm prefig - g 这是查看安装的路径
- 输入这一条命令,显示安装的路径
- 03:使用安装好的文件
- 一般而言,都是采用导包的形式 import $ from ‘jquery’;
cnpm的安装与使用
1:安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2:cnpm -v
检测安装版本是否正常,一般正常!
3:添加系统变量path的内容
因为我这边cnpm会被安装C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。
4:cnpm -v
再一次检测安装的版本是否正常!
出现以下代码,验证安装成功!
(1):cnpm的使用
1:安装模块
cnpm install 模块的名称 — 和npm类似!
pnpm
npm i pnpm -g
pnpm -v
优点:采用了软硬链接