版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011649691/article/details/81910693
1、首先安装node.js。在https://nodejs.org/en/中下载node.js并安装，可以使用node -v查看安装版本。
2、node.js中会自带npm，使用npm -v查看安装版本。可以使用npm install npm -g，自己安装自己。
安装后可用再使用npm -v查看更改后的版本。
3、安装以后会用到的插件，如果不加-g那么会安装到项目的目录，如果加-g就是全局安装。建议本地安装，应为全局安装有可能会有版本号的冲突。在本地安装后如果参数为–save-dev，那么就会将依赖记录到package.json中的devDependencies中，如果参数为–save-prod那么就会将依赖记录到dependencies中，具体含义请百度。如果是导入其他人的项目，已有package.json那么可以在其项目地址下运行npm install命令，自然会将package.json中记录的依赖全部安装。
npm install webpack --save-dev
npm install webpack-dev-server --save-dev
npm install webpack-cli -D
npm install css-loader --save-dev
npm install style-loader --save-dev
npm install extract-text-webpack-plugin --save-dev
由于现在webpack的版本是在4.0.0以上，所以使用extract-text-webpack-plugin的时候回报错：use chunks.groupsiterable and filter by instanceof entrypoint instead。解决方案是：
npm install --save-dev extract-text-webpack-plugin@next
npm install --save vue
npm install --save-dev vue-loader
npm install --save-dev vue-style-loader
npm install --save-dev vue-template-compiler
npm install --save-dev vue-hot-reload-api
npm install --save-dev babel
npm install --save-dev babel-loader
npm install --save-dev babel-core
npm install --save-dev babel-plugin-transform-runtime
npm install --save-dev babel-preset-es2015
npm install --save-dev babel-runtime
npm install --save-dev eslint
npm install --save-dev eslint-loader
用来支持图片、字体等文件
npm install --save-dev url-loader
npm install --save-dev file-loader
打包静态资源可能用到的依赖
npm install --save-dev webpack-merge
npm install --save-dev html-webpack-plugin