什么是npm、cnpm、bower?css
简单地说,就是帮你下载好你须要的css或者js库,并且三者功能也都是同样的。那为何要下载这3个不一样的呢?听说npm容易被墙……而cnpm是淘宝的镜像,因此一般用cnpm代替npm。至于bower,是由于bower更多地用于前端开发。可是由于它也是依赖于npm的,因此没有npm,就无法载bower……不知道说了那么多你懂了没,可是这不重要~你所须要作的就是分别安装这3个,而后将bower为己所用。前端
安装npm:node
前往nodejs官网下载nodejs,https://nodejs.org/en/ ,建议下载稳定版的,下载后无脑安装便可~~
安装完毕以后,在cmd中输入node -v查看是否已经安装成功,若是有版本号显示,则表明安装成功!!!npm
接下来咱们尝试输入npm -v 居然也有版本号!?其实,nodejs自带npm,因此咱们不须要额外安装就能够了。 接下来,咱们须要配置npm的全局模块的存放路径以及cache的路径,例如我但愿将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下创建“node_global”及“node_cache”两个文件夹。咱们就在cmd中键入两行命令:ide
npm config set prefix "D:\Program Files\nodejs\node_global" npm config set cache "D:\Program Files\nodejs\node_cache"
下面这一步很是关键,咱们须要设置系统变量。进入个人电脑→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入“D:\Program Files\nodejs\node_global\node_modules”spa
安装cnpm:orm
须要详细了解cnpm的朋友请前往官网https://npm.taobao.org/ 查看
在cmd中输入:开发
npm install cnpm -g --registry=https://registry.npm.taobao.org
使用cnpm最好设置全局环境变量,接下来咱们就能够用cnpm代替npm了。bower
安装bower:get
在cmd中输入cnpm install bower -g便可开始安装bower至刚刚您所指定的node_global,一样地,在安装完毕后输入bower -v 以后就能够愉快地使用bower来管理包拉~~