vue介绍以及项目的搭建

一，vue是什么？

vue，Angular，React都是前端框架。

1，基于单页面框架

2，基于模块化、组件化开发模式

什么是单页面呢？单页面简单从字面上理解就是所有的效果都只在一个页面上呈现，即一个项目只有一个页面，不用重复多次的跳转。

模块化，就是将一些常用的功能或者接口封装到一个模块中，以便以后重复调用。组件化，页面分为若干组件，由组件组成。

Vue简单 灵活 高效 国内的中小企业里面用的非常多。学习成本低。

https://cn.vuejs.org/

二，起步

学习vue之前，先装node，自行百度（为了以后项目下载安装包）

安装npm（安装cnpm淘宝镜像）

地址：http://npm.taobao.org/

安装cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org

三 ，搭建vue开发环境

1、必须要安装nodejs

2、搭建vue的开发环境 ，安装vue的脚手架工具vue-cli  官方命令行工具

npm install --global vue-cli  /  cnpm install --global vue-cli        （此命令只需要执行一次）

3、创建项目  必须cd到对应的一个项目里面

vue init webpack vue-demo01

cd  vue-demo01

cnpm install  /  npm install          如果创建项目的时候没有报错，这一步可以省略。如果报错了  cd到项目里面运行  cnpm install  /  npm install

npm run dev

4、另一种创建项目的方式  （推荐）  ***

vue init webpack-simple vuedemo02

cd  vuedemo02

cnpm install  /  npm install       

npm run dev