webpack就是前端资源模块化管理和打包工具,它可以将很多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源,还可以将按需加载的模块进行代码分割,等到实际需要的时候再异步加载(如图),而要它自动实现这些功能,你得提前编辑好配置文件。
vue-cli是脚手架工具,其作用就是用配置好的模板迅速搭建起一个项目工程来,省去自己配置webpack配置文件的基本内容。
具体来说就是你安装好node环境以及vue-cli后,通过 'vue init 模板名 项目名',然后简单回答部分基本问题后就能快速建立起工程项目:
此时你就可以真正开始开发了,迅速简单,至于其他细节功能自己去尝试吧。