Vue.js学习笔记-第一章

最近开始学习前端课程的时候，偶然听别人推荐了Vue.js的框架。作为菜鸟一枚，简单写篇文章记录下自己的学习心得和中途遇到的坑。

作为一个非编程专业人员，前端学习之路不是很顺畅。在W3C上断断续续的看完了html+css+js的基础课程。但是要想进一步提升，还需要大量的实践。于是开始为做简单项目做进一步的深入学习。

vue作为一个小而美的前端框架，是国人开发的，所以有完整的中文文档，所以从这点来说，也是最适合新手学习的。

安装教程我们参考官方文档

Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。

在用 Vue.js 构建大型应用时推荐使用 NPM 安装， NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件。

简单说下环境安装

1. 安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。
   
   

这里需要说明下，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。

2. 安装淘宝镜像，打开命令行工具，把这个（npm install -g cnpm --registry= https://registry.npm.taobao.org）复制（这里要手动复制就是用鼠标右键那个，具体为啥不多解释），安装这里是因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v，如下图，如果出现相应的版本号，则说明安装成功。
   
   

3. 安装webpack，打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。
   

Vue.js 提供一个官方命令行工具，被大家称为脚手架，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

  到此我们的第一个项目就启动了，默认是http://localhost:8080