介绍Vue.js是一个用于构建用户界面的渐进式框架。Vue只关注视图层，采用自下而上的增量开发设计。Vue的目标是使用尽可能简单的API启用反应式数据绑定和组合视图组件。阅读前需要了解的知识htnlcssjavascriptnode.js环境（npm包管理工具）webpack打包工具安装node.js电脑打开win+R打开如下界面从node官网下载安装node，安装步骤很简单，只需“next”一路OK。安装完成后，打开命令行工具，输入命令node-v，如下图，如果出现对应的版本号，则表示安装成功。node中集成了我们需要的npm包管理器，所以直接输入npm-v会显示npm的版本信息如下图。至此，node环境已经安装完成，npm包管理工具也可以使用，但是由于npm部分资源被屏蔽，为了更快更稳定，我们需要切换到淘宝的npm镜像——cnpm。安装cnpm，点击进入淘宝的cnpm网站，里面有详细的配置方法。或者直接在命令行输入：$npminstall-gcnpm--registry=https://registry.npm.taobao.org等待安装完成。输入cnpm-v查看当前cnpm版本，与npm版本还是有区别的。cnpm的使用方法是在需要npm的地方直接用cnpm替换。vue.js还提供配套工具来开发单文件组件。$cnpminstallvueinstallvue-cli脚手架工具vue-cli提供了一个官方的命令行工具，可以用来快速构建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。使用热重载、静态检查保存和生产就绪构建配置只需几分钟即可创建和启动项目：全局安装vue-cli$cnpminstall--globalvue-cli创建一个基于模板的webpack新建project要创建一个项目，首先我们需要选择一个目录，然后在命令行中将目录更改为选择的目录。可以使用：my-project为自定义项目名$vueinitwebpackmy-project初始化一个项目，或者使用$vueinitwebpack-simplemy-project初始化一个简单的项目运行初始化命令时，让用户输入几个基本的Options，比如项目名称，描述，作者等信息，如果不想填写，回车默认即可。需要注意的是项目名称不能大写，否则会报错。项目名称(my-project)#项目名称(我的项目)项目描述(AVue.jsproject)#项目描述AVue.jsprojectAuthorauthor(yourname)安装vue-router？(Y/n)#是否要安装Vue路由，也就是以后的spa（但是页面应用需要的模块）使用ESLint来lint你的代码？(Y/n)#在你的代码中使用ESLint？(Y[yes]/N[no])PickanESLintpreset(Usearrowkeys)#ChooseapresetESLint(usethearrowkeys)使用Karma+Mocha设置单元测试(Y/n)#设置单元测试Karma+Mocha？（是/否）使用Nightwatch设置e2e测试？(Y/n)#设置端到端测试，Nightwatch？(Y/N)当然，这些都取决于你自己的个人情况。我在这里选择了所有这些。所以在此之前，你需要先解决项目的依赖问题，使用如下命令安装项目的依赖。$cnpminstall如果出现下图，说明依赖解析成功。运行项目$npmrundev
