Vue是什么,是一套构建用户界面的渐进式框架(官网解释),就不做过多解释了,Vue官方文档很全面的。
Vue两大核心思想,组件化和数据驱动,组件化就是将一个整体合理拆分为一个一个小块(组件),组件可重复使用,数据驱动是前端的未来发展方向,释放了对DOM的操作,让DOM随着数据的变化自然而然的变化(尤大神原话),不必过多的关注DOM,只需要将数据组织好即可。
Vue 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:
1.使用npm全局安装vue-cli(前提是你已经安装了node.js,否则你连npm都用不了),在cmd中(告诉大家一个好办法,在要搭建vue-cli 的文件里,同时按住shift + 鼠标右键,在此处打开命令窗口)输入一下命令;
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project (需要一定的安装时间,慢慢等)
安装完成后
安装完成后在目录下会有以下这些文件
在安装的目录下运行打开cmd,运行npm run dev 就可以啦
到此,一个简单的项目就用vue-cli搭建完成啦~