基于vue-cli快速构建vue项目

        vue是一套构建用户界面的渐进式框架，其两大核心思想，组件化和数据驱动。组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用，数据驱动是前端的未来发展方向，释放了对DOM的操作，让DOM随着数据的变化而变化，不必过多的关注DOM，只需要关注数据层面即可。

         vue-cli是快速构建这个单页应用的脚手架，使用vue-cli可以很方便快速地构建一个vue项目

        第一步：使用npm全局安装vue-cli（前提是你已经安装了nodejs），在cmd中输入一下命令

        npm i -g vue-cli

第二步：使用命令创建项目

vue init webpack 项目名称（这个名称随便取，开心就好）

        这个配置选项可以根据自己的需求进行选择（可以全部使用默认值）

  构建完成之后会提示如何开启项目：

第三步：运行构建完成的项目

        可以在运行项目之前，在package.json文件中的scripts选项参数后面加上 --open，

        运行项目指令的时候就会自动打开浏览器，不需要手动输入地址

运行项目

    ① 进入项目目录：cd 项目名称

    ② 执行指令：npm run dev

执行效果

至此，vue项目构建就完成了。