嘿嘿 首先恭喜你被我标题给骗了!如果你还在用$("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!