webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。
它只是一个工具，主要是它已经帮助我们简化了很多复杂操作！例如：
现在的前端，越来越复杂，特别是SPA（single page web application）流行之后，一个应用程序往往会依赖很多其他的模块，或者编译scss、less、stylus等，如果仅仅是靠人来管理是不可能的，这个时候我们必须依赖于webpack来解决。
输入 命令 vue 查看一下 ,有东西说明成功了！（如果没有成功忽略）
安装：webpack模板 （敲黑板！！！！）
出现如下图：
（成功后）cd 到自己的工程名字 （敲黑板！！！！）
可以来解析css
注意：
安装：（用来解析.css文件的loader(style-loader和css-loader)）
安装：可以创建和解析less和scss
2.6-webpack-图片&字体：
可以使用图标和图片
2.7-webpack-html：
在html文件中自动引入js文件
1、安装webpack后的Vue目录：
2、src目录必须理解
4、列表说明
Vue是：构建用户界面的渐进式框架，可以自底向上逐层应用（大概是这个意思？由基层开始做起，把基础的东西写好，再逐层往上添加效果和功能。）
（前期刚学时不建议直接安装vue-cli脚手架，可以直接通过<script></script>引入，如：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>然后直接用就行了）
1.首先Windows+R 打开cmd；输入npm -v 和node -v 检测是否安装了npm和node.js，没安装先去安装node.js（npm是随node.js一起安装的包管理工具，就不用安装了）附上node.js安装地址：
2.然后还需要淘宝镜像安装cnpm和webpack支撑（有时候安装依赖特别慢 就会用到cnpm）
淘宝镜像安装cnpm命令：
安装之后 执行cnpm -v，如果出现相应的版本号就是安装成功
webpack安装命令：
安装之后 执行webpack -v，它会问你：
直接回车就可以，然后再执行webpack -v，如果出现相应的版本号就是安装成功
3.最后就是安装vue-cli脚手架了
vue-cli脚手架安装命令：
安装之后 执行 vue -V ，如果出现相应的版本号就是安装成功
4.用vue-cli创建一个基于webpack的新项目并运行
首先可以在桌面新建一个文件夹，如：Vue
然后执行cd Vue 进入文件夹，然后输入以下命令新建项目，回车
然后根据提示一路回车，这时文件夹下就会有很多相关文件了
最后用cnpm安装依赖：
最后的最后 就是运行项目啦 输入以下命令：
或者以下命令也可以：
如果成功的话，一般就是提醒你可以在浏览器地址栏输入以下地址就能正常访问了
至此，应该就可以正常访问一个新建的项目了，接下来的就是在新项目中通过组件、事件、指令等等丰富项目。
本文根据vue.js官方文档学习总结。附上官方文档：
