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项目构建就完成了。
网友评论