WHY之所以写这篇关于如何使用脚手架自动化搭建大型项目结构的文章，主要是想入门vue的小伙伴。之前，第一次接触vue的时候，摸不着头脑。在网上找不到接地气的教程。SO，我先从如何搭建结构开始，把自己唯一的力量贡献给想入门vue的童鞋们，后面会继续更新vue如何结合ui框架使用；如何在低版本的ie桌面应用中使用vwjs打包以及我在实际开发过程中踩过的各种坑。欢迎大家围观交流。HOW话不多说，切入正题1、首先你的电脑需要有nodejs环境，如果没有，点击下方链接下载。点我进入node官网https://nodejs.org/en/安装完成后，在命令窗口执行node-v。如果执行后会出现node的版本号，就ok了。v6.10.12。在命令窗口安装脚手架vue-cli执行npminstall-gvue-cli安装完成后，在命令窗口执行vue-V-----capitalV。如果执行后出现cli的版本号，就ok了。3.在你的项目目录下初始化一个webpack配置好的项目在命令窗口执行vueinitwebpackname------name就是你的项目名执行命令后会有？Projectname--------输入项目名称并按Enter`Projectdescription`------------输入您的项目描述，按EnterAuthor----------顾名思义，输入作者姓名，回车Vuebuild-----------YoumustpressEnterInstallvue-router?---------Doyouneedvue-router,ifyouhavearoutefortheproject,entery,pressEnterUseESLinttolintyourcode?--------DoyouneedESlinttocheck你的代码格式？个人建议，如果你对ESlint不是很了解，或者你的开发团队不需要这玩意，最好n，不然他的检查标准会让你很无语。当然你可以通过配置去掉不需要的代码格式校验。由你决定。如果你想要它是y，如果你不想它是n，请按EnterSetupunittestswithKarma+Mocha?(y/n)------------是否安装单元测试取决于你的需要。一般来说，如果你没有，就n，按EnterSetupe2etestswithNightwatch(y/n)?----------是否安装e2e测试，同上回车4.在你新建的项目目录下安装所有需要的模板，在命令窗口执行npminstall----会根据package.json文件安装所有依赖的模块，回车后静静等待。其实据说用yarn会更快。我的leader在工作中需要yarn，但是两者的用法是差不多的。如果你有兴趣，可以去看看。5.运行您的项目并在命令窗口中执行npmrundev----现在您的项目正在运行。PIC*注意，一定要在你初始化的工程下操作，否则会出现很多WARN。当然，您的构建也会失败。这个坑我以前踩过，网页出现如上的样子，你就成功了。github小项目一直在工作休息时间写这个小项目。小伙伴可以去clone交流改正，记得给git地址加starhttps://github.com/PaiDaXingSWK/elema.git项目已经完成效果END后面会和我的童鞋们进行进一步的演练想开始使用Vue。真心希望大家入门Vue不会像以前那么痛苦。当然我也会在业余时间完成一个小项目在我的github上和大家交流。欢迎大家关注、收藏、指正，共同学习交流
