按照vue官网写的各种小demo。现在我想做一个项目，完成。我不是专业的前端，怕写组件会耗费很多精力，所以决定使用iview组件来完成我的项目。在这样做之前，我们需要做一些准备工作。官网下载nodejs，查看nodejs是否安装成功npm-v最好把npm升级到最新版本，全局安装npminstall-gnpm选择比较快的淘宝镜像，全局安装npminstall-gcnpminstalls全局搭建脚手架cnpminstall-gVue-cli全局安装webpackcnpminstall-gwebpack准备工作完成，我将分两种方式展开搭建，使用官方提供的推荐项目iview-projecthttp://v1.iviewui.com/docs/gu...，在“快速入门”列中。文件夹下载成功后，在cmd中，根据其github提示切换到路径，先执行命令cnpminstall，继续执行命令cnpmruninit，最后执行命令cnpmrundev，此时浏览器iview欢迎页面将自动弹出。使用脚手架直观地设置我的项目。cmd切换到要安装的项目路径，创建项目，写入项目名vueinitwebpackprojectname进入安装阶段，项目名（projectname）项目名（必须小写），可以指定输入项目name，也可以直接回车默认使用是我的选择运行时+编译器：建议大多数用户运行加编译仅运行时：约6KB更轻的min+gzip，但模板（或任何特定于Vue的HTML）仅允许在.vue文件中使用-其他地方需要渲染功能安装vue-路由器？(Y/n)是否安装vue-routerEnterYUseESLinttolintyourcode?(Y/n)是否使用ESLint来管理代码，ESLint是一个代码风格管理工具，用于统一代码风格，用于多人协作。PickanESLintpreset(Usearrowkeys)接下来，有3个选项，粗体字是我选择的standard(https://github.com/feross/sta...standard，github上有AirBNB的中文版说明(https：//github.com/airbnb/jav...最合理的方法，github有中文版的说明，正是因为它的说明比较详细，所以我选择none（自己配置），不用说了，自己定义吧yourselfStyleSetupunittests?(Y/n)是否安装单元测试YPickatestrunner我选择jestSetupe2etestswithNightwatch(Y/n)是否安装e2etestsY项目建好后切换到项目目录projectname在cmd中输入cnpminstall，这个命令是根据项目根目录下的package.json文件依赖的模块来安装的，这个文件不能有任何注释，每个npm管理的项目都有这个文件，就是npm操作文件的入口，安装完成后，目录下会多出一个node_modules文件夹，存放所有依赖的模块。这个文件很大，所以你不会把这个文件上传到服务器。安装iview的命令行为：cnpminstalliview--save测试环境是否搭建成功。cnpmrundev命令提示我：DONECompiledsuccessfullyin28938msYourapplicationisrunninghere:http://localhost:8081哈哈，如果你想继续打字，那么这个链接就失效了。control+c后继续输入无论是Y还是N，这个链接都不行，所以建议重新打开一个cmd窗口，使用命令行。慢慢开发，想去掉严格模式，所以把config/index.js中的dev属性，useEslint设置为false。反正iview的官方手册是有问题的，比如自定义主题那一栏。最后按照iview-theme的github说明做了，成功了。
