嘿嘿 首先恭喜你被我标题给骗了！如果你还在用$("div").html(“那个女生姓张”) 处理前端数据，那你就追不到女神了哦！今天给大家介绍的一个屌si逆袭的前端框架——vue.js。

今天主要总结下vuejs的环境安装

1.基础知识要求

    a.熟练使用npm。（如果不熟悉npm的话，建议踩踩nodejs ，推荐麦子学院的NodeJS项目实战—仿cnodejs社区论坛 这套课,至少得知道package.json吧。）

    b.熟悉前端mvvm框架  angularjs 或者reactjs（vuejs借鉴了angularjs和reactjs很多地方，如果会使用这2个框架，那vuejs上手很快的）

   c.熟悉es6 语法  （如果你连class都不知道，你还好意思说你是个合格的前端？）

   d.熟练使用webpack（菜鸟和大神的区别就看会不会打包工具，你js写的跟一坨shi一样，没语法检测又不压缩，前端代码不符合w3c标准，怎么好意思说你是个前端工程师 ）

2.环境安装

step1. 安装node ，一路next 

（有人会问node是个撒东西，这么说吧，编译java要jdk，那编译js 就要nodejs，nodejs和jdk一样，使用来编译js的）

step2. 打开cmd 执行 npm install  --global vue-cli

step3 .在任何地方创建一个目录 然后在cmd 中，cd 到你的目录执行如下命令

vue init webpack yourprojectname

然后npm install 

最后执行  npm run dev

最后浏览器会自己打开如下页面

如果看到如下页面，就说明everything is ok！