Vuejs

写在前面

• Vuejs 从出来之后就被人们所认同，毕竟有前辈angularjs1.0和react做前导，前端开发已经步入mv*c的时代,说他赶上好时候的同时，也要说他 [优异的性能] (https://cn.vuejs.org/v2/guide/comparison.html) 支撑。不过我就喜欢他这么赤裸裸的拉仇恨 ^ - ^ !

• 本猿以前虽有涉猎，但实际的项目开发中没有用到过 | ..0.0.. | 此记主要是分享我的在研习vue的时候的过程和一些小案例。（发现已经有不少前卫的项目开始使用他了，而且项目的量级还不小）

---

你需要的

• 在开始之前最好把 JS的基础 看得差不多了。
• 如果有过面向对象编程经验那就更好了
• 开发环境依旧是ubuntu
• Node版本 7.2.0

---

配置vue环境

• 首先配置一下vue的开发环境。查看官方配置点这里。
• 我们使用的是命令行工具

sudo npm install vue-cli -g # 全局安装vue命令行工具
vue init webpack myPro #初始化一个基于webpack模板的项目
#... 填写一些列信息
cd myPro
npm install #安装依赖
npm run dev # 执行 系统会自动打开你默认的浏览器的本地8080端口

• 至此，我们看到了vue给的默认页面，说明vue的基本环境配置成功了。

---

• 你可能会困惑这是项目初始化自动生成的express服务器，如果我们不用它该怎么搞。 --执行下面的命令

npm run build 

• 此时会生成一个dist的文件夹，你的要的东西都在这里
• 我们在开发的时候用自带的express服务器开发就可以了，开发测试完成一部分再提交到git或svn上

---

实战开发

//
//
//
//
//

---

总归，框架终究是语言在某种形式上的一种封装，学好基础才是重中之重，当你有一定的基础，在学习某个框架之时只需要花费一定时间领会作者的设计思想（这个是学习框架的核心，很多人上来就搞案例，结果很难学习到框架的精髓），然后剩下的就是通过框架模板多加练习了。

---