vue介绍以及环境搭建（亲测可用）

搭建vue的开发环境：

1、必须安装node.js

2、搭建vue的开发环境，安装vue的脚手架工具 (官方命令行工具）
npm install -g cnpm --registry=https://registry.npm.taobao.org

3、创建项目 （必须cd到对应的一个项目里边）
vue init webpack 项目名称
cd 项目名称路径下
cnpm install / npm install 如果创的时候没有报错，这一步可以省略,如果报错了cd到 项目里边运行
npm run dev

4、 vue init webpack-simple 项目名称(推荐使用）
cd 项目名称目录
cnpm install /npm install 如果创的时候没有报错，这一步可以省略,如果报错了cd到 项目里边运行
npm run dev

Vue官网：https://cn.vuejs.org/


Vue、Angular、React都是基于javascript的前端框架；

1、都是单页面应用程序（框架）；
2、基于模块化、组件化的开发模式；

简单、灵活、高效，适用于国内中小企业；

Vue 环境的搭建：
https://cn.vuejs.org



现在不使用直接引入方式，使用脚手架工具；

模块化、组件化的开发方式；


cnpm install --global vue-cli 速度快




创建好的项目：

cnpm: 是一管理工具，即，淘宝镜像；

cnpm 官网：http://npm.taobao.org/




镜像下载地址：

https://developer.aliyun.com/mirror/NPM?from=tnpm

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

可以用cnpm来替代npm;

Npm 从国外下载镜像； cnpm 是 淘宝镜像；










没有语法检查！



目录结构相对简单！！（推荐使用）


cnpm install 下载项目需要的各种包，即,各种依赖；







让vue 有提示，安装vue 插件！


安装插件，解析后的代码格式！！！

HTML:

业务逻辑：

CSS: