npm、cnpm、gulp、nrm的应用

一.npm介绍及安装

检测版本：npm -v

• 1.概念：第三方模块/第三方依赖包，npm能搜索到的都可以下载
• 2.如何操作：用window + r 后输入cmd调出命令行
  
  
• 操作指令：npm下载包使用，会把下载的文件，下载到node_modeles文件下
• 注意：npm是国外的下载的地址，非常慢，cnpm是国内下载
• cnpm默认是不存在的，需要进行安装
  nmp的所有源码都在github上
• 镜像源:就是调整下载的地址

二.cnpm的介绍及安装

检测版本：cnpm -v

• 解释：cnpm就是淘宝镜像，就是国内的资源
• 第一步：百度搜索cnpm
• 第二步：打开命令行，输入npm install -g cnpm --registry=https://registry.npm.taobao.org回车
• 第三步：查看是否安装成功cnpm -v来查看版本
• 第四步下载，
  • npm install下载模块，会把文件下载到 node_modules中 或nmp i
  • npm install -g下载模块,表示全局的下载，会下载到node安装的环境中
  • npm install --save-dev表示是本地下载
  • npm uninstall 用来删除某个包
  • npm init 用来管理项目
  • npm cache clear -f清除 npm 的缓存
  • npm uninstall 包名 删除第三方依赖包 。简写npm un 包名

三.nrm切换下载源

• 下载:npm i nrm -g
• 查看源列表 nrm ls
• 切换淘宝源：nrm use taobao

四.gulp

• gulp-uglify压缩js的文件
• 自动构建工具，自动打包工具，把代码压缩
• 使用gulp首先需要下载
  • npm install -g gulp@3.9.1如果不加@3.9.1会下载到最新版本，
  • gulp -v 查看版本
  • 下载完成以后在本地找到一个文件夹后，用npm install --save-dev gulp@3.9.1在次下载
  • 执行文件： gulp 执行文件 必须执行固定文件名 gulpfile.js
  • 初始化一下文件gulp init 查看是否有 gulpfile.js文件，没有就创建一个

const gulp = require('gulp')
// 导入模块 导入依赖
// 打包js文件
const uglify = require('gulp-uglify')
// 进行打包
gulp.task('js', function () {
    // 路径
    gulp.src('src/js/index.js')
    // 进行压缩
    .pipe(uglify())
    // 导出
    .pipe(gulp.dest('dist/js/index.js'))
})
// 默认任务
gulp.task('default', ['js'])

五.npm 包管理平台

• 1.可以直接通过 npm 命令直接下载插件
  • 下载依赖：npm i 依赖名称 --save -g(下载全局)
  • 删除依赖： npm uninstall 依赖名称
  • 运行依赖：npm run 脚本
• 2.下载相关依赖 （bootstrap 自动下载 jquery）
• 3.下载的可以手动选择版本 ：npm i jquery@2.3.4 -S
• 4.nrm 切换下载源
  • 下载nrm：npm i nrm -g
  • 查看 源列表：nrm ls
  • 切换淘宝源:nrm use taobao