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