10鍒嗛挓闃呰涓€绡囧叧浜嶸ue-cli3鍜孍lement-UI鐨勬枃绔?濡備綍浣跨敤锛屽畨瑁卾ue鑴氭墜鏋?.x鐗堟湰npminstall-g@vue/cli鍔熻兘涓板瘜锛屽Babel鎻愪緵寮€绠卞嵆鐢ㄧ殑鏀寔銆乀ypeScript銆丒SLint銆丳ostCSS銆丳WA銆佸崟鍏冩祴璇曞拰绔埌绔祴璇曘€傚叾鏄撲簬鎵╁睍鐨勬彃浠剁郴缁熷厑璁哥ぞ鍖烘瀯寤哄拰鍏变韩鍙噸鐢ㄧ殑瑙ｅ喅鏂规浠ユ弧瓒冲叡鍚岄渶姹傘€傛棤闇€寮瑰嚭VueCLI鏃犻渶寮瑰嚭鍗冲彲瀹屽叏閰嶇疆銆傝繖鏍锋偍鐨勯」鐩氨鍙互闀挎椂闂翠繚鎸佹洿鏂般€侰LI涔嬩笂鐨勫浘褰㈢晫闈㈤€氳繃鏀寔鐨勫浘褰㈢晫闈㈠垱寤恒€佸紑鍙戝拰绠＄悊鎮ㄧ殑椤圭洰銆傚嵆鏃跺垱寤哄師鍨嬩娇鐢ㄥ崟涓猇ue鏂囦欢鍗虫椂瀹炶返鏂版兂娉曘€傞潰鍚戞湭鏉ヨ交鏉句负鐜颁唬娴忚鍣ㄧ敓鎴愬師鐢烢S2015浠ｇ爜锛屾垨灏哣ue缁勪欢鏋勫缓涓哄師鐢焀eb缁勪欢銆傚熀浜庝氦浜掑紡鍛戒护琛屽垱寤簐ue椤圭洰vuecreatemy-project鍩轰簬鍥惧舰鐣岄潰锛屽垱寤簐ue椤圭洰vueui鍩轰簬2.x鏂规硶锛屽垱寤簐ue椤圭洰npminstall-g@vue/cli-initvueinitwebpack鑷畾涔夐厤缃甿y-projectnpmrunservevue鑴氭墜鏋堕€氳繃package.json閰嶇疆椤圭洰"vue":{"devServer":{"port":"8888","open":true}}杩欑閰嶇疆鏂瑰紡涓嶆帹鑽愶紝鍥犱负package.json涓昏鐢ㄦ潵绠＄悊鍖呯殑閰嶇疆淇℃伅銆傚缓璁湪vue.config.js閰嶇疆鏂囦欢涓崟鐙畾涔変笌vue鑴氭墜鏋剁浉鍏崇殑閰嶇疆銆侲lement-UI鐨勪娇鐢ㄦ槸涓€涓熀浜嶸ue2.0鐨勬闈㈢粍浠跺簱锛岄潰鍚戝紑鍙戣€呫€佽璁″笀鍜屼骇鍝佺粡鐞嗐€傚湴鍧€锛歨ttp://element-cn.eleme.io/#/...浣跨敤鍛戒护琛屾墜鍔ㄥ畨瑁呭畨瑁呬緷璧栧寘npmielement-ui-SimportElement-UI鐩稿叧璧勬簮//瀵煎叆缁勪欢搴搃mportElementUIfrom'element-ui';//瀵煎叆缁勪欢鐩稿叧鏍峰紡import'element-ui/lib/theme-chalk/index.css';//閰嶇疆vue鎻掍欢Vue.use(ElementUI);main.jsimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'//鎵嬪姩閰嶇疆element-uiimportElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'Vue.浣跨敤(ElementUI)Vue.config.productionTip=falsenewVue({router,render:h=>h(App)}).$mount('#app')鑷姩瀹夎鍥惧舰鐣岄潰杩愯vueui鍛戒护鎵撳紑鍥惧舰鐣岄潰锛岄€氳繃vue椤圭洰绠＄悊鍣紝杩涘叆鍏蜂綋椤圭洰閰嶇疆闈㈡澘锛岀偣鍑绘彃浠讹紝娣诲姞鎻掍欢锛岃繘鍏ユ彃浠舵煡璇㈤潰鏉匡紝鎼滅储vue-cli-plugin-element锛屽畨瑁呭嵆鍙€傛彃浠堕厤缃弬鑰冿細https://cli.vuejs.org/zh/鍦ㄥ崥瀹㈠钩鍙帮紝璺繕闀匡紝甯屾湜澶у澶氬鏀寔鎵硅瘎鎸囨鎴戜互鍚庣殑鏂囩珷銆傝鎴戜滑涓€璧疯繘姝ワ紝涓€璧疯蛋鑺辫矾銆傞潪甯告劅璋㈡偍闃呰杩欑瘒鏂囩珷銆傚鏋滆繖绡囨枃绔犲啓鐨勫ソ锛屽鏋滀綘瑙夊緱鈥滆揪杈锯€濇湁浠€涔堬紝濡傛灉浣犺寰楁垜鍙互鍧氭寔瀛︿範锛屽鏋滀綘瑙夊緱杩欎釜浜哄彲浠ヤ氦鍒版湅鍙嬶紝璇风偣璧烉煈嶈鍏虫敞鉂わ笍璇峰垎浜煈ョ湡鐨勬槸瀵规垜鍜屾殩鐢锋湁鐢紒锛侊紒鉂わ笍鍒繕浜嗙暀涓嬪涔犵殑瓒宠抗銆愮偣璧?鏀惰棌+璇勮銆慉uthorInfo:銆愪綔鑰呫€戯細Jeskson銆愬師鍒涘叕浼楀彿銆戯細杈捐揪鍓嶇灏忛厭棣嗐€傘€愮鍒┿€戯細鍏紬鍙峰洖澶嶁€滀俊鎭€濓紝閫佽嚜瀛﹁祫鏂欏ぇ绀煎寘锛堣繘缇ゅ垎浜紝鎯宠浠€涔堝氨璇达紝鐪嬫垜鏈夋病鏈夛級锛併€愯浆杞借鏄庛€戯細杞浇璇锋敞鏄庡嚭澶勶紝璋㈣阿鍚堜綔锛亊澶у墠绔紑鍙戯紝瀹氫綅鍓嶇寮€鍙戞妧鏈爤鍗氬锛孭HP鑳屾櫙鐭ヨ瘑鐐癸紝web鍏ㄦ爤鎶€鏈鍩燂紝鏁版嵁缁撴瀯涓庣畻娉曪紝缃戠粶鍘熺悊绛変互閫氫織鏄撴噦鐨勬柟寮忓憟鐜扮粰灏忎紮浼存柟寮忋€傛劅璋㈡偍鐨勬敮鎸侊紝鎰熻阿鎮ㄧ殑鍘氱埍锛侊紒锛佸鏈处鍙峰唴瀹规湁闂锛堜緥濡傦細娑夊強鐗堟潈鎴栧叾浠栭棶棰橈級锛岃鍙婃椂鑱旂郴鎴戜滑杩涜鏁存敼锛屾垜浠細灏藉揩澶勭悊銆傝鍠滄瀹冿紒鍥犱负鎮ㄧ殑璁ゅ彲/榧撳姳鏄垜鍐欎綔鏈€澶х殑鍔ㄥ姏锛佹杩庢潵鍒拌揪杈剧殑CSDN锛佽繖鏄竴涓湁鍝佽川鏈夋€佸害鐨勫崥瀹?/p>
