嘿嘿 首先恭喜你被我標(biāo)題給騙了纤垂!如果你還在用$("div").html(“那個女生姓張”) 處理前端數(shù)據(jù)峭沦,那你就追不到女神了哦熙侍!今天給大家介紹的一個屌si逆襲的前端框架——vue.js蛉抓。
今天主要總結(jié)下vuejs的環(huán)境安裝
1.基礎(chǔ)知識要求
? ? a.熟練使用npm。(如果不熟悉npm的話笑跛,建議踩踩nodejs ,推薦麥子學(xué)院的NodeJS項目實戰(zhàn)—仿cnodejs社區(qū)論壇 這套課,至少得知道package.json吧。)
? ? b.熟悉前端mvvm框架 ?angularjs 或者reactjs(vuejs借鑒了angularjs和reactjs很多地方妻坝,如果會使用這2個框架刽宪,那vuejs上手很快的)
? ?c.熟悉es6 語法 ?(如果你連class都不知道圣拄,你還好意思說你是個合格的前端庇谆?)
? ?d.熟練使用webpack(菜鳥和大神的區(qū)別就看會不會打包工具族铆,你js寫的跟一坨shi一樣哥攘,沒語法檢測又不壓縮逝淹,前端代碼不符合w3c標(biāo)準(zhǔn)栅葡,怎么好意思說你是個前端工程師 )
2.環(huán)境安裝
step1. 安裝node 欣簇,一路next?
(有人會問node是個撒東西熊咽,這么說吧,編譯java要jdk卿拴,那編譯js 就要nodejs,nodejs和jdk一樣粥鞋,使用來編譯js的)
step2. 打開cmd 執(zhí)行 npm install ?--global vue-cli
step3 .在任何地方創(chuàng)建一個目錄 然后在cmd 中陷虎,cd 到你的目錄執(zhí)行如下命令
vue init webpack yourprojectname
然后npm install?
最后執(zhí)行 ?npm run dev
最后瀏覽器會自己打開如下頁面
如果看到如下頁面窝稿,就說明everything is ok伴榔!