webpack开发环境搭建

node.js环境依赖

node的版本要大于8.9。最新很多依赖，都会需要8.9以上的版本

E:\development\vue_Demo>node -v
v10.16.3

　　安装webpack。 指定版本号，vue cli2依赖该版本

npm install webpack@3.6.0 -g

　安装前确认一下，是否已经安装过了

E:\development\vue_Demo>webpack --version
'webpack' 不是内部或外部命令，也不是可运行的程序
或批处理文件。

全局安装

E:\development\vue_Demo>npm install webpack@3.6.0 -g

　　本地安装开发依赖

npm install webpack@3.6.0 --save-dev

　　

由于国内的网络问题，建议使用国内镜像来安装部署相应的环境。

 

npm config set registry https://registry.npm.taobao.org

　　

nrm的安装使用

作用：提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址； 什么是镜像：原来包刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候，我们可以在国内，创建一个和官网完全一样的NPM服务器，只不过，数据都是从人家那里拿过来的，除此之外，使用方式完全一样；

1/运行npm i nrm -g全局安装nrm包；
2/使用nrm ls查看当前所有可用的镜像源地址以及当前所使用的镜像源地址；
3/使用nrm use npm或nrm use taobao切换不同的镜像源地址；
注意： nrm 只是单纯的提供了几个常用的 下载包的 URL地址，并能够让我们在 这几个 地址之间，很方便的进行切换，但是，我们每次装包的时候，使用的 装包工具，都是 npm

与i有