一、安装node.js
Vue项目通常通过webpack工具来构建,而webpack命令的执行是依赖node.js的环境的,所以首先要安装node.js。
二、安装cnpm
cnpm是淘宝对npm的镜像服务器,这样依赖的包安装起来就快多了。安装命令为:npm install -g cnpm --registry=。
三、安装脚手架vue-cli
装命令为:cnpm install -g vue-cli。输入vue检查是否安装成功。
四、创建新项目(比如在d盘下创建my-vue)
1、D:回车,然后cd my-vue进入目录
2、//使用vue-cli初始化项目(开始报错,通过npm install -g cnpm --registry=https://registry.npm.taobao.org镜像来安装依赖,安装失败可以使用 npm cache clean 清理缓存)
vue init webpack my-vue
3、//进入项目目录
cd my-vue
4、安装依赖包
cnpm install
5、运行项目(进入项目目录输入如下命令或者浏览器输入localhost:8080)
cnpm run dev
vue是以数据驱动和组件化的的思想构建,采用MVVM模式(Model-View-ViewModel)。ViewModel是vue.js的核心,它是一个vue实例。使用Vue的过程就是定义MVVM各个组成部分的过程的过程:
1、定义View
2、定义Model
3、创建一个Vue实例或"ViewModel",它用于连接View和Model