鍓嶈█瀛︿範vue鍗婂勾澶氫簡銆傜敱浜庢渶杩戝伐浣滀笉澶繖锛屾兂鐢╲ue閲嶆瀯涔嬪墠鐨勭數鍟嗛」鐩紝鍐欎簡涓€涓Щ鍔ㄧ増鍙戝竷浜嗭紝涓昏鍖呮嫭锛氱敤鎴锋ā鍧楋紝鍟嗗搧妯″潡锛岃喘鐗╄溅妯″潡锛岃鍗曟ā鍧楋紝github椤圭洰鍦板潃鎰熻涓嶉敊锛屽弽鎵嬬偣涓禐馃憤锛岄」鐩繕鏈夊緢澶氬湴鏂归渶瑕佷紭鍖栥€傛杩庡ぇ瀹跺彂甯冨拰fork锛佹妧鏈爤vue2+vuex+vue-router+webpack+ES6/7+axios+sass妗嗘灦锛氬紑鍙戜娇鐢╲ue鍏ㄥ妗讹紝璺敱璺宠浆浣跨敤vue-router锛屾暟鎹姹備娇鐢ㄥ畼鏂规帹鑽愮殑axios鎻掍欢锛屼娇鐢╡s6/7鐢ㄤ簬寮€鍙戙€傜Щ鍔ㄧ閫傞厤锛氭棦鐒舵槸web-app锛屽氨闇€瑕侀€傞厤涓嶅悓璁惧鐨勫睆骞曞昂瀵搞€傝繖閲屼娇鐢ㄦ窐瀹濇帹鑽愮殑鐏垫椿鏂规銆傞€氳繃鍔ㄦ€佽缃牴鍏冪礌鐨刦ont-size锛宺em鐢ㄤ簬绉诲姩绔€傞厤銆傝繖閲屽洜涓簉em鏄敤鏉ュ竷灞€鐨勶紝鑰岄€氬父缁欐垜浠殑璁捐绋块兘鏄?40px锛?50px涓烘爣鍑嗭紝鍐欑殑鏃跺€欐妸px澶у皬杞崲鎴恟em涔熸瘮杈冮夯鐑︼紝鎵€浠ヨ繖閲屼娇鐢ㄤ簡postcss-px2rem锛屽皢杞崲px鑷姩杞负rem銆俢ss棰勫鐞嗗櫒锛氱洰鍓嶆祦琛岀殑css棰勫鐞嗗櫒涓昏鏈塻tylus銆乴ess銆乻ass銆備釜浜烘劅瑙塴ess鍜宻ass鍖哄埆涓嶅ぇ銆傛垜涓嶄範鎯墜鍐欑瑪缂╄繘璇硶銆傜患涓婏紝鎴戦€夋嫨浜唖ass鏉ュ啓鏍峰紡銆傚鐞嗗櫒鍙互缂栫▼缂栧啓css浠ｇ爜锛屾坊鍔犲彉閲忋€佸嚱鏁般€佹牱寮忕户鎵跨瓑銆傚悗鍙扮晫闈細杩欓噷浣跨敤MOOC鎻愪緵鐨勭晫闈細鐣岄潰鏂囨。锛岀浉鍏虫暀绋嬫帹鑽愶細鐢靛晢椤圭洰瀹炴垬璺ㄥ煙澶勭悊锛氱敱浜庝娇鐢ㄧ殑瀵瑰鎺ュ彛锛屽墠绔」鐩繍琛屽湴鍧€鍜屾帴鍙ｈ闂湴鍧€涓嶅悓锛屾祻瑙堝櫒鐨勫悓婧愮瓥鐣ヨ鎴戜滑涓嶅緱涓嶅鐞嗚法鍩燂紝鎵€浠ユ垜浠渶瑕佺畝鍗曠殑澶勭悊涓€涓嬭法鍩熴€傚紑鍙戞ā寮忎笅锛氶渶瑕佸湪configproxyTable涓嬮厤缃甶ndex.js:{'/api':{target:'http://test.happymmall.com',//婧愬湴鍧€changeOrigin:true,//鏀瑰彉婧愯矾寰凴ewrite:{'^/api':''//璺緞閲嶅啓}}}鎺ュ彛璇锋眰鏃跺湪鎺ュ彛璺緞鍓嶅姞涓?api銆傜紪璇戝悗/api浼氳鏀瑰啓涓虹敓浜фā寮忎笅鐨勫湪绾挎帴鍙ｅ湴鍧€锛氳繖閲屼娇鐢ㄤ簡nignx锛岄渶瑕佸湪杩滅▼鏈嶅姟鍣ㄤ笂瀹夎nignx锛岀劧鍚庡湪nginx.conf鏂囦欢涓厤缃綅缃€傚姛鑳戒粙缁嶈繖閲屼富瑕佹槸鐢╲ue閲嶆瀯浜嗕箣鍓嶇殑MOOC鍦ㄧ嚎鐢靛晢椤圭洰锛屽仛浜嗕竴涓墜鏈虹増銆傚姛鑳藉熀鏈浉鍚岋紝涓昏鍖呮嫭4涓ā鍧楋細鐢ㄦ埛妯″潡锛氱櫥褰曘€佹敞鍐屻€佷慨鏀逛釜浜轰俊鎭€佹壘鍥炲瘑鐮併€佹洿鏂板瘑鐮併€傚晢鍝佹ā鍧楋細棣栭〉銆佸垎绫汇€佹悳绱㈠晢鍝併€佸晢鍝佽鎯呰喘鐗╄溅妯″潡锛氳喘鐗╄溅鍟嗗搧娣诲姞銆佸垹闄ゃ€佸叏閫夈€佸崟閫夈€佸閫夎鍗曟ā鍧楋細鍖呮嫭鍦板潃绠＄悊銆佽鍗曟彁浜ゃ€佽鍗曞垪琛ㄣ€佽鎯呫€佽鍗曟敞閿€绛夈€傛湰鏉ユ兂鍦ㄨ繖閲屽仛涓€涓敮浠樻ā鍧楋紝缁撴灉鍙戠幇鎺ュ彛杩斿洖鐨勪簩缁寸爜鏃犳晥锛屾棤娉曟敮浠橈紝鎵€浠ュ彧鍘讳簡鏀粯鏄庣粏銆傚悗缁細杩欓噷绠€鍗曞疄鐜板熀鏈姛鑳姐€傚綋鐒讹紝浣滀负涓€涓獁eb-app锛岀敤鎴蜂綋楠屾槸绗竴浣嶇殑锛屾湭鏉ヤ細涓嶆柇浼樺寲椤圭洰鐨勬€ц兘銆傛暟鎹姹備腑浣跨敤鐨刟xios鎻掍欢锛屼互鍚庝細鐢╪ativefecth瀹炵幇銆侾rojectdemoprojectrun#瀹夎渚濊禆椤筺pminstall#鍦╨ocalhost:8080杩涜鐑噸杞芥湇鍔pmrundev#涓虹敓浜ц€屾瀯寤哄苟缂╁皬npmrunbuild#涓虹敓浜ц€屾瀯寤哄苟鏌ョ湅bundle鍒嗘瀽鍣ㄦ姤鍛妌pmrunbuild--report
