Vue.js项目搭建

1.个人理解
现在前端框架是无疑已经是vue、angular、react的天下了。angular2学过一段时间，也是用angular2做过一个电脑配件销售商城项目，但是从使用中可以感觉的出来这个架子还是比较臃肿的。
http://www.begin21.top 虚拟主机还没到期，可以看一下angular2的前端效果。

2.vue.js
vue可以说是按照angular的路子来的，比如说声明周期钩子之类的东西都是很相似的。但是vue.js做到了精简化，体量并没有angular那么庞大，同时他也是国人搞出来的东西，比较符合国人的思维。

3.所以现在手中有一个项目构思，先开始学习吧

4.webstorm下搭建vue.js前端开发环境：

首先使用vue需要node的环境，node与npm是绑定安装的，npm简单说也就是一个包管理工具，对这些感兴趣可以去学一下node.js,我感觉node.js已经是现在的一个趋势了，node.js就是把v8封装了，然后让js可以脱离浏览器运行，js的强大之处也就可以在服务端体现了。。。嗯~接着说vue吧。

(1):安装node 配置本地环境变量：
自行百度
(2):npm换源
自行百度
(3):安装脚手架、建项目

image.png

在webstorm的terminal中输入：

$ cnpm install -g vue-cli

$ vue init webpack my-project

(4):运行

  cd命令进入vue生成的项目 my-project

   npm run dev

5.接下来进行页面的重构了
不会用vue? 不存在的，去官网啊不会的看文档，问别人，没有人生来就会的。
只要你有一点基础，别怕，闭着眼写就行。

image.png

6.声明一下：
我不是为了写文章而写文章，不管是编程功底还是语言组织水平就是这样，这只是我学习中记录，忘记后可以回来查看温习的，如果对看到这里的人有帮助的话，就再好不过了。