2018-04-16 Vue初探

Vue从2016年开始被广泛被关注，到现在已经有了很多成熟有好玩的东西出现。这是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

易用（已经会了HTML,CSS,JavaScript 即可轻松上手）、灵活（简单小巧的核心，渐进式技术栈，足以应付任何规模的应用）、性能（17kb min+gzip 运行大小、超快虚拟DOM、最省心的优化）、渐进式JavaScript 框架。

Vue开发入门

1、 开发工具：

建议使用VS Code（Visual Studio Code），该工具简洁方便，有丰富的插件提供使用。

2、 使用vue-cli快速开始模板项目

vue-cli：Vue.js脚手架，用于自动生成Vue.js项目相关文件，类似Visual Studio的MVC的模板项目。

1. 安装vue脚手架
   cnpm install vue-cli -g

2. 使用vue-cli初始化项目
   在硬盘新建工程文件夹，在终端中使用cd命令进入该目录
   cd 目录路径
vue init webpack-simple first-vue
   使用webpack打包项目，输入项目名称、描述、作者、是否使用sass后即在目录下面生成了项目。

3. 安装项目依赖
   进入项目目录后使用npm或者cnpm(淘宝镜像 ）安装。
   cd first-vue
npm install

4. 启动项目
   由于vue.js不支持ie8，建议默认浏览器使用chrome，自动启动浏览器就会看到这个界面了。
   npm run dev
   

   

本文作者：杨昊