美文网首页
Vuejs之机场遇到个美女 ,是追呢还是追呢?

Vuejs之机场遇到个美女 ,是追呢还是追呢?

作者: 不要让用户想昵称 | 来源:发表于2017-10-09 21:19 被阅读0次

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

    相关文章

      网友评论

          本文标题:Vuejs之机场遇到个美女 ,是追呢还是追呢?

          本文链接:https://www.haomeiwen.com/subject/vszpyxtx.html