前端开发环境搭建系列主要内容

• 开发工具
• 浏览器及其插件
• 包管理工具（本章）
• 接口调试工具
• 代码管理工具
• 收藏夹内容推荐

前端包管理工具

话说现在前端包管理工具其实非常多，接下来我们一一给大家列举一下

• npm
• cnpm
• yarn
• bower

npm

• NodeJs内置npm，他们安装是结合在一起的
• 查询是否安装成功：
  • 命令行输入：npm -v ，显示版本即可
• 常见命令分类：
  • npm 升级命令
  • npm 账户管理，包含发布自己的包
    • npm login
    • npm init
    • npm publish
  • 包的安装、更新和删除
    • npm install
    • npm update
    • npm unstall
  • 脚本相关
    • npm run script
• 使用教程：
  • 强烈推荐教程-包含自建立私有npm库
  • npm使用教程--菜鸟教程
  • 手把手教你玩转npm包
  • npm scripts 使用指南 -- 阮一峰

cnpm

淘宝团队做的国内镜像，因为npm的服务器位于国外可能会影响安装。淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步

• 临时使用

• 持久使用

• 配置后可通过下面方式来验证是否成功

找到taobao关键字即可

• 国内开发者基本都是用的淘宝镜像源，推荐大家使用，不然下载插件实在是太慢了
• 很多大厂都有自己的私有npm服务器，基于数据安全方面的考虑！（2018年7月12日，黑客入侵了ESLint，传播恶意代码）

npm 和 cnpm 混用问题

npm和cnpm混用之后，再用npm升级模块导致报错

解决办法： 删除node_modules文件下的文件后，重新执行npm install即可（重新安装依赖）

yarn

快速、可靠、安全的依赖管理工具，它的目的是解决这些团队使用 npm 面临的一部分问题

• 推荐教程文档

  • 中文文档
  • 安装教程

• npm安装（不推荐）

• 推荐官网下载安装（推荐）

  • 下载安装教程

bower

• 也是依赖nodejs环境的，类似npm的package.json文件，它也有自己的bower.json文件

用法和npm极其类似

• 安装

• 常见命令