安装配置webpack webpack不是内部或外部命令

初次安装webpack，一直报webpack不是内部命令或外部命令，也不是可执行程序问题。发现是webpack安装配置的问题，找了好多解决办法，最后梳理了一下webpack安装配置路径。

1. 安装node软件
   官网就可以下载安装https://nodejs.org/en/
   选择add to path，安装成功之后打开cmd执行node -v 出现版本号即为安装成功
   
2. 配置npm路径
   在上一条安装的nodejs文件下面新建node_cache 和 node_global分别用于存放缓存以及全局存放路径
   
   只建一个文件夹还不够，打开cmd，输入命令
   npm config set prefix “D:\nodejs\node_global”
   npm config set cache “D:\nodejs\node_cache”
   注：这里的路径是我的node_global和node_cache的路径
3. 切换cnpm，cnpm是国内的，会更快更方便
   cmd输入命令： npm install -g cnpm --registry=https://registry.npm.taobao.org
4. 安装webpack
   4、1全局安装webpack
   在cmd内输入cnpm install webpack -g
   其中-g就是代表全局安装
   
   安装成功之后，还要按个webpack-cli工具
   cnpm install webpack-cli -g
   
   输入webpack -v输出版本号即为安装成功（哭泣，终于出现了）
   
   修改node路径，配置环境变量
   打开我的电脑-属性-高级系统设置-环境变量
   （1）新建一个NODE_PATH的变量，路径为D:\nodejs\node_global\node_modules
   
   ----大家如果是按着上面来的，但是路径和我的不一样的话，就去找到node_global文件（上面第二条提到的），这个文件下的node_modules文件-----
   （2）修改用户变量path（是系统变量上面的用户变量！！！）
   路径也是D:\nodejs\node_global\node_modules
   
   4、2局部安装webpack
   打开cmd，切换到项目所在目录！！
   如果你的项目还什么都没做，可以先cnpm init -y 配置一下，会生成一个package.json文件
   cnpm install webpack --save-dev执行成功之后，项目目录里就多了一个node_modules文件夹
   cnpm install webpack-cli --save局部安装webpack-cli工具
5. 关于自动加载 webpack-dev-server 自动刷新浏览器，自动实现打包过程
   输入命令cnpm install webpack-dev-server -g（全局安装一次）
   cnpm install webpack-dev-server --save-dev （本地安装一次）
   安装完成后，在你的package.json文件夹下面可以看到
   
6. 添加配置文件 一般是webpack.config.js
   里面内容一般固定
   module.exports = {
   mode: ‘development’, --分支
   entry: ‘./src/vm.js’, —入口文件，打包vm.js文件
   output: { —出口文件，打包成的文件
   path: path.resolve(__dirname, ‘dest’),
   filename: ‘bundle.min.js’ ----打包后的文件名
   }
   }
   然后webpack编译一下，发现终于可以了，哭泣