閑言
在JavaScript領(lǐng)域,Angular秽晚、React.js和vue.js之間的戰(zhàn)斗一直在持續(xù)升溫罢杉!為了工作馆衔,程序員選擇正確的框架和庫(kù)來構(gòu)建應(yīng)用程序是至關(guān)重要的(真的重要嗎井誉?還不是因?yàn)樗礁叩娜瞬幌胫貜?fù)造輪子士葫,水平低的人比如我自己0..0恨不得找個(gè)能一鍵構(gòu)成項(xiàng)目的框架,不過要是那樣的話我們應(yīng)該也失業(yè)了)好在這個(gè)框架還是需要開發(fā)人員去操作部署的送悔,言歸正傳說起vue就要簡(jiǎn)單說一下與vue并駕齊驅(qū)的另外倆假馬車了對(duì)就是大家聽說過的Angular和React
先談一談前端目前的三大框架
Angular
angular最開始1版本的時(shí)候自己閑來無(wú)事學(xué)習(xí)了一些,在剛開始的時(shí)候是最早的mvc框架但是后來?yè)?jù)說走偏了然后直接推出了angular2版然后到現(xiàn)在發(fā)展到了五爪模,對(duì)于新手不是很友好
React
最穩(wěn)定欠啤,社區(qū)活躍量最大,大佬扎堆的開源框架屋灌,后來?yè)?jù)說是因?yàn)閰f(xié)議的問題一直有糾紛洁段,若使用react的產(chǎn)品與facebook的業(yè)務(wù)存在商業(yè)競(jìng)爭(zhēng)關(guān)系,則其授權(quán)失效共郭。意思就是你不能用他家的東西開發(fā)搶他家生意的產(chǎn)品祠丝,不然就不給你用,然后百度大佬就棄用了
Vue
大佬的評(píng)價(jià)
Vue.js在可讀性除嘹、可維護(hù)性和趣味性之間做到了很好的平衡写半。 Vue.js處在React和Angular 1之間,而且如果你有仔細(xì)看Vue的指南尉咕,就會(huì)發(fā)現(xiàn)Vue.js從其它框架借鑒了很多設(shè)計(jì)理念叠蝇。 Vue.js從React那里借鑒了組件化、prop年缎、單向數(shù)據(jù)流悔捶、性能铃慷、虛擬渲染,并意識(shí)到狀態(tài)管理的重要性蜕该。 Vue.js從Angular那里借鑒了模板犁柜,并賦予了更好的語(yǔ)法,以及雙向數(shù)據(jù)綁定(在單個(gè)組件里)堂淡。
自己的評(píng)價(jià)
好馋缅!好!好淤齐!重要的事情說三遍股囊,我覺得他好的原因就是他是中文文檔(他他么的)是中文文檔,對(duì)于我們這種英語(yǔ)2級(jí)的碼農(nóng)來說這就是福利啊更啄。
vue全家桶的搭建
一稚疹、環(huán)境的搭建
首先你得有一個(gè)node
https://nodejs.org/zh-cn/download/
然后我們就可以開開心心的搭建了,來傻瓜操作開始點(diǎn)擊
開始
按鈕在最下方的
搜索和文件
文本框中輸入
cmd
[圖片上傳失敗...(image-9e7e2b-1513920190967)]
cmd常用命令
https://www.cnblogs.com/kekec/p/3662125.html
cd Downloads
因?yàn)槲铱偸窃趃ithub上面下載一些別人的代碼所以就在Downloads這個(gè)目錄下作為根目錄 全局安裝 webpack
npm install -global webpack
全局安裝 vue-cli
npm install --global vue-cli
創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目
vue init webpack my-project(你的項(xiàng)目名稱)
然后一路回車到家,除了User Eslint to lint your code 和set up unit tests 和 setup e2e tes unit tests with Nigthwatch輸入n不要問為什么快上車碼完代碼要去吃雞了祭务,有興趣的自己查一下内狗。
安裝依賴,走你
cd my-project
npm install
npm run dev
大功告成