鍓嶈█锛氭渶杩戞兂鏀堕泦涓€浜涜嚜宸遍」鐩腑鎰熻鐢ㄧ殑寰堝父鐢ㄧ殑缁勪欢鎴栬€呭疄鐢ㄥ嚱鏁版斁鍦ㄨ嚜宸辩殑浠撳簱閲岋紝鏂逛究鍦ㄩ噷闈娇鐢ㄤ互鍚庝笉鐢ㄥ啀涓€涓竴涓粠A浠撳簱鎵続缁勪欢锛屽啀浠嶣浠撳簱鎵綛缁勪欢鈥︹€﹀氨鍦ㄦ垜瑕佸紑濮嬬殑鏃跺€欙紝绐佺劧鎯冲埌瑕佹妸杩欎釜杩囩▼璁板綍涓嬫潵銆備竴鏂归潰锛屽湪鎴戜滑鍑犱釜浜哄湪鍏徃椤圭洰寮€濮嬬紪鐮佷箣鍓嶏紝鍩烘湰涓婃墍鏈夌殑鍓嶇疆浠诲姟锛屾瘮濡傚垱寤轰粨搴擄紝瀹夎鍖呯鐞嗗伐鍏凤紝Eslint瑙勫垯绛夌瓑锛岄兘鏄痩eader鎻愬墠缁欐垜浠垱寤哄ソ鐨?鎴戜滑鍙渶瑕佸湪寮€濮嬫暡浠ｇ爜鐨勬椂鍊欏幓浠ｇ爜浠撳簱澶嶅埗鍦板潃锛岀劧鍚庡幓鍛戒护琛実itclone灏卞彲浠ヤ簡銆傛墍浠ユ垜涔熸兂閫氳繃杩欎釜杩囩▼姊崇悊涓€涓嬭嚜宸变粠0寮€濮嬮厤缃唬鐮佷粨搴撶殑鎬濊矾銆傚彟涓€鏂归潰锛屽鏋滆兘甯埌鍒汉锛屼篃鏄湰鏂囩殑骞镐簨锛屼綍涔愯€屼笉涓哄憿锛燄煄?銆備娇鐢╒ite鍛戒护琛屽伐鍏锋垜浠粠Vite瀹樻柟浜嗚В鍒板彲浠ヤ娇鐢╪pm鎴栬€厃arn鎴栬€卲npm杩欎笁涓寘绠＄悊宸ュ叿鏉ュ垵濮嬪寲浠撳簱銆傛垜浠」鐩敤鐨勬槸pnpm锛屾墍浠ラ€夋嫨浜唒npm銆備娇鐢ㄧ粓绔墦寮€涓€涓綘鎯虫斁杩欎釜浠ｇ爜搴撶殑鏂囦欢澶癸紝鐒跺悗杈撳叆涓嬮潰鐨勪唬鐮併€俻npmcreatevitemy-vue-app--templatevue闇€瑕佺壒鍒敞鎰忎竴鐐癸紝杩欓噷鐨刴y-vue-app鏄粰浣犺嚜瀹氫箟鏂囦欢鍚嶇殑锛屽苟涓嶆槸璇翠竴瀹氳鍙玬y-vue-app杩欎釜鍚嶅瓧锛屽崈涓嶈鍐欏畼鏂圭粰浣犵殑浠讳綍涓滆タ銆備綘蹇呴』鐢ㄤ綘鐨勫ぇ鑴戝幓鎬濊€冨拰鎬濊€冦€傚涔犺繖浠朵簨鏄渶蹇岃鐨勩€傛帴涓嬫潵锛岀郴缁熶細瑕佹眰鎮ㄧ‘璁ゅ寘鍚嶇О銆傛敞鎰忥細杩欏苟涓嶆剰鍛崇潃鍐嶆纭鏂囦欢澶广€傝繖涓叾瀹炲搴斿悗闈綘鐨刾ackage.json鐨刵ame瀛楁锛屽悗闈細璁插埌銆傚洖杞﹀悗锛屾垜浠細鐪嬪埌杩欐牱鐨勬彁绀恒€傝繖娈佃瘽鐨勫ぇ姒傛剰鎬濆氨鏄剼鎵嬫灦鐨勫垵濮嬪寲宸茬粡甯綘瀹屾垚浜嗐€傝繖閲屾垜浠厛涓嶆墽琛宲npminstall鍛戒护锛屾垜浠洿鎺ユ墦寮€杩欎釜鏂囦欢鐪嬬湅鏄粈涔堟牱瀛愮殑銆傚鏋滄偍宸叉纭畬鎴愭墍鏈夋搷浣滐紝杩欏氨鏄偍褰撳墠浠ｇ爜瀛樺偍搴撶殑鏍峰瓙銆傛垜浠墦寮€package.json鏂囦欢锛岀湅鍒皀ame瀛楁浜嗗悧锛熷畠瀹為檯涓婂搴旂殑鏄綘鍒氬垰绗簩娆＄‘璁ょ殑鍖呭悕銆傚亣璁句綘鍦ㄨ繖閲岃揩涓嶅強寰呭湴鎵цpnpmrundev锛屼綘浼氱湅鍒板涓嬫姤閿欍€傚師鍥犲緢绠€鍗曪紝鍥犱负浣犲洖澶寸湅浣犵殑鏂囦欢缁撴瀯锛屼綘鐜板湪娌℃湁node_modules鏂囦欢锛屼篃灏辨槸璇磒ackage.json鏂囦欢閲岀殑dependencies鍙槸涓€鍫嗗瓧绗︿覆锛屽苟娌℃湁鍙戞尌浣滅敤浠栦滑鐨勮鑹层€傝鎴戜滑鍦ㄧ粓绔腑鎵цpnpminstall锛屼綘鐨勬牴鐩綍涓簲璇ユ湁涓€涓猲ode_modules鏂囦欢銆傛鏃跺彲浠ュ啀娆℃墽琛宲npmrundev銆備箣鍚庝綘搴旇浼氱湅鍒拌繖涓彁绀猴紝璇存槑浣犵殑椤圭洰杩愯鍦?173绔彛銆傛垜浠垏鎹㈠埌娴忚鍣ㄧ湅鐪嬬鍙ｅ彿鏄?173銆傝繖閲屽鏋滀綘璇翠綘寰堣鍘?173杩欎釜鏁板瓧锛屾垜涓嶇埥鐨勬椂鍊欑湅鍒板畠锛屾垜鎯虫敼鍙樺畠锛屾垜璇ユ€庝箞鍔烇紵鍏跺疄寰堢畝鍗曪紝浣犲彧闇€瑕佸皢鍛戒护pnpmrundev鎹㈡垚pnpmrundev--port4399鍗冲彲銆?-port鍚庨潰鏄窡鍦ㄤ綘鍚庨潰鐨勬暟瀛椼€傜劧鍚庢垜鎯充綘浼氱湅鍒拌繖涓〉闈紝浣犲彲浠ョ湅鍒版垜浠殑椤圭洰宸茬粡鍦ㄦ寚瀹氱殑绔彛涓婅繍琛屼簡銆傝繖閲屾垜瑕佸璇翠竴鍙ワ紝濡傛灉浣犱笅娆″啀鎵цpnpmrundev锛屼綘浼氬彂鐜颁綘浠嶇劧鍦ㄩ粯璁ょ殑5173绔彛涓婅繍琛屻€傚鏋滀綘鎯虫案涔呮洿鏀圭鍙ｏ紝鍏跺疄闈炲父闈炲父瀹规槗銆備綘鍙渶瑕佷慨鏀筽ackage.json鏂囦欢涓殑涓嬮潰涓€琛岄厤缃嵆鍙€傜劧鍚庝綘浼氬彂鐜颁互鍚庝綘鐨勯」鐩細杩愯鍦ㄤ綘鎸囧畾鐨勭鍙ｄ笂銆?.浣跨敤Prettier绾︽潫浠ｇ爜瑙勮寖锛岀洿鎺ヤ粠Prettier瀹樻柟澶嶅埗杩欐潯鍛戒护锛屽湪鍛戒护琛屾暡鍑烘潵銆傜劧鍚庝綘鍙渶瑕佸湪椤圭洰鐨勬牴鐩綍涓墜鍔ㄥ垱寤轰袱涓枃浠躲€備竴涓?prettierrc.json锛屼竴涓?prettierignore鏂囦欢銆傛槸鐨勶紝浣犳病鍚敊锛岀湡鐨勫彧闇€鐐瑰嚮涓や笅灏卞彲浠ュ畬鎴恜rettier鐨勯厤缃€傜湡鐨勶紝浣犱竴瀹氭兂涓嶅埌杩欎簺鏂囦欢鐨勬潵婧愭湁澶氫箞绁炲銆傝櫧鐒惰繖浜涙枃浠舵槸鑴氭墜鏋惰嚜鍔ㄥ府浣犵敓鎴愮殑锛屼絾鏄綘鎶婂畠浠垹鎺夛紝閲嶆柊鐢熸垚鏁堟灉鏄畬鍏ㄤ竴鏍风殑銆傛鏄洜涓哄鏋滄垜浠瘡娆″紑濮嬩竴涓」鐩兘闇€瑕佸畬鎴愯繖浜涙棤鎰忎箟鐨勨€滈噸澶嶆€у伐浣溾€濓紝鑴氭墜鏋跺氨搴旇繍鑰岀敓浜嗐€傚畠甯姪浣犲揩閫熸瀯寤洪」鐩墍闇€鐨勫熀纭€鍐呭锛岃浣犲揩閫熸姇鍏ヤ唬鐮佺紪鍐欙紝涓轰綘鑺傜渷澶ч噺鏃堕棿鏄畠鐨勬剰涔夋墍鍦ㄣ€傞鍏堟垜浠墦寮€.prettierrc.json锛屽湪杩欓噷鎴戜滑鍙互璁剧疆涓€浜涢」鐩牸寮忓寲鐨勮鍒欙紝杩欎簺閮芥槸鎴戜滑椤圭洰涓父鐢ㄧ殑閰嶇疆銆備富瑕佺殑闄愬埗鏄?.姣忎竴涓柊琛岀殑瀹藉害2.鐪佺暐鍒嗗彿瀵硅薄鐨勬渶鍚庝竴涓睘鎬ц嚜鍔ㄥ姞涓婁竴涓€楀彿銆傦紙tips锛氳繖閲屽叾浠栫殑閰嶇疆涓嶅锛岃鑰呭彲浠ヨ嚜琛屽弬鑰僷rettier鏂囨。銆傦級鐒跺悗鎴戜滑鎵撳紑.prettierignore鏂囦欢锛岄噷闈㈠彲浠ヨ缃笉鎯虫牸寮忓寲鐨勬枃浠讹紝浠ュ強浣跨敤鐨勮娉曡鍒欎笌.gitignore瀹屽叏鐩稿悓銆傚彲浠ュ弬鑰冨悓鐩綍涓嬪凡缁忕敓鎴愮殑gitignore鏂囦欢銆傚洜涓簆rettier榛樿璁剧疆浜嗗拷鐣ode_modules鏂囦欢锛岃€屾垜涓嶉渶瑕佸拷鐣ュ叾浠栨枃浠讹紝鎵€浠ヨ繖閲屼笉闇€瑕佸～鍐欒繖涓枃浠剁殑鍐呭銆傞偅浣犲彲浠ヨ瘯璇曪紝鍒犳帀瀵硅薄鍚庨潰鐨勯€楀彿锛岀劧鍚庡姞鍒嗗彿锛屾垜璁剧疆浜嗕繚瀛樿嚜鍔ㄦ牸寮忓寲鐨勫姛鑳斤紝杩欐牱鎴戜繚瀛樻枃浠剁殑鏃跺€欙紝瀹冧細鑷姩甯垜鏍煎紡鍖栥€傚鏋滅湅鍒版晥鏋滐紝灏辫瘉鏄庝綘鐨刾rettier閰嶇疆鎴愬姛浜嗐€?.鐪嬭繃鎴戜箣鍓嶄娇鐢║noCSS鐨勬枃绔犵殑璇昏€呬竴瀹氬鎴戠殑鍐欎綔椋庢牸寰堢啛鎮夈€?Style>鏍囩鍦ㄦ垜浠殑椤圭洰涓緢灏戜娇鐢紝鍥犱负鍒涘缓绫诲悕鏄竴绉嶆姌纾紝鎵€浠ユ垜浠粺涓€閲囩敤浜嗗皢鏍峰紡鍐欏埌绫诲睘鎬т腑鐨勬柟寮忋€傜涓€娆′娇鐢ㄨ繖绉嶆柟寮忓彲鑳戒細寰堜笉鑸掓湇銆備範鎯€備絾鏄竴鏃﹀紑濮嬶紝灏卞啀涔熷洖涓嶅幓浜嗭紝娌℃湁绫诲悕鐪熸槸澶叿浜嗭紒锛侊紒馃崷銆傛垜浠洿鎺ュ幓UnoCssGitHub鏌ョ湅瀵瑰簲鐨勪娇鐢ㄦ柟娉曘€傛偍鍙互鍦≧eadMe.md涓壘鍒板畨瑁呴€夐」銆傜敱浜庢垜浠槸浣跨敤Vite鐢熸垚椤圭洰锛屾墍浠ユ垜浠偣鍑荤涓€涓猇ite閫夐」銆傛墦寮€鍚庢垜浠彲浠ョ湅鍒板涓嬪懡浠わ紝鐩存帴鍦ㄥ懡浠よ杈撳叆pnpmiunocss鍗冲彲銆傚畨瑁呭畬鎴愬悗锛屾垜浠湪vite.config鏂囦欢涓嬪鍏nocss锛屾坊鍔犲埌Vite鐨凱lugins閫夐」涓€傜劧鍚庡湪main.js鏂囦欢涓嬪鍏ャ€傚湪鏈€鍚庝竴姝ヤ腑锛屾偍鍙互閫夋嫨涓€涓偍鍠滄鐨勯璁炬潵鍚姩鎮ㄧ殑UnoCss銆傝繖鏄粈涔堟剰鎬濓紵杩欓噷闇€瑕佺煡閬揢noCSS鏈韩骞舵病鏈夋彁渚涗换浣曡В鍐虫柟妗堛€傜洰鍓嶅湪鍏冪礌鏍囩鐨刢lass灞炴€т腑鏈夊緢澶氱被浼间簬鍐欐牱寮忕殑瑙ｅ喅鏂规锛屾瘮濡傛垜浠」鐩腑浣跨敤鐨則ailwindCss銆俇noCSS涓嶇煡閬撲綘鍠滄鍝椋庢牸锛屾墍浠ヨ浣犺嚜宸卞仛浜嗛€夋嫨銆傝繖閲屾€庝箞瑙ｉ噴锛熺瓑浣犵敤涔呬簡锛屼綘鑷繁灏辨槑鐧戒簡銆傚湪杩欓噷锛屾垜鍙渶瑕佸悜鎮ㄤ粙缁嶄竴涓嬨€傛垜鎯充綘鏆傛椂杩欐牱鐞嗚В搴旇娌￠棶棰樸€傞偅浜涗互鍓嶇殑瑙ｅ喅鏂规澶噸浜嗭紝鎵撳寘鏃朵綋绉細寰堝ぇ銆備絾鏄疷no鍦ㄤ粬浠殑鍩虹涓婄粰浣犲仛浜嗕竴灞備紭鍖栵紝鎵撳寘鏇磋交锛岀紪璇戞洿蹇€傝缃篃寰堢畝鍗曪紝鐐硅繖閲屻€備綘浼氱湅鍒版墽琛宲npmi-D@unocss/preset-uno瀹夎瀹屾垚鍚庯紝鎵撳紑浣犵殑vite.config.js鏂囦欢锛屽鍏resetUno骞跺湪涓嬮潰鐨刄nocss涓畬鎴愮浉鍏宠缃€傜劧鍚庢垜浠殢渚垮垱寤轰竴涓畝鍗曠殑鏍峰紡锛岀湅鐪嬫槸鍚︽湁鏁堛€備笂闈㈢殑鍐欐硶鏄厛缁?div>鏍囩璁剧疆瀹介珮100px锛岀劧鍚庤缃儗鏅壊涓虹孩鑹诧紝鏈€鍚庤缃瓧浣撻鑹蹭负钃濊壊銆傚彲浠ョ湅鍒版垜浠殑椤甸潰鎴愬姛鏄剧ず浜嗘垜浠缃殑鏍峰紡锛岃鏄庢垜浠厤缃畬鎴愪簡銆傛偍鍙互鑸掗€傚湴缂栧啓浠ｇ爜銆?.璁剧疆璺緞鍒悕锛屾渶鍚庢墦寮€鎴戜滑鐨凙pp.vue鏂囦欢銆傝繖绉嶅紩鍏ユ柟寮忓お涓嶄紭闆呬簡锛屾垜鎯充綘涔熻杩囧埆浜簊et@assrc锛屾瘮濡備笅闈㈢殑銆傚叾瀹炶繖鏄竴涓緢绠€鍗曠殑璁剧疆锛屼笅闈㈡暀澶у濡備綍璁剧疆銆傛垜浠墦寮€vite.config.js鏂囦欢銆傚鏋滀綘鎳備竴鐐筺ode.js锛屼綘鍙兘鐭ラ亾path涓婄殑涓€浜涙柟娉曪紝浣犺涓轰綘鐭ラ亾杩欎簺鍐欐硶銆傜劧鍚庢垜浠幓App.vue璇曡瘯鐪嬨€傜劧鍚庣湅缃戦〉鏁堟灉锛氭病鏈夋姤閿欙紝鐪嬫潵鎴戜滑鐨勬€濊矾娌℃湁闂銆備絾涓嶈灏嗘瑙嗕负涓€绉嶉潪甯搁珮娣辫帿娴嬬殑鍐欎綔鏂瑰紡銆備綘杩欐牱鍐欑殑鏃跺€欎綘瑕佸鍏rc鐩綍涓嬬殑鏂囦欢锛屼綘鍙importxxxfrom'@/xxxx'灏卞彲浠ヤ簡銆備篃鍙互杩欐牱鍋氾紝鍦ㄥ鍏rc/components鐩綍涓嬬殑鏂囦欢鏃讹紝鐩存帴浠庘€?/xxx.vue鈥濆鍏ャ€傚涓嬪浘锛?.灏嗕唬鐮佹墭绠″湪GitHub涓婇鍏堟垜浠€夋嫨浣跨敤git鏉ユ墭绠★紝棣栧厛瑕佸湪椤圭洰涓娇鐢╣itinit灏唃it寮曞叆鍒版垜浠殑浠撳簱涓€傛帴涓嬫潵锛屾墦寮€github锛岀偣鍑诲垱寤轰粨搴撱€傚～鍐欎綘鐨勪粨搴撳悕绉颁箣绫荤殑锛屽～鍐欏畬鎴愬悗鐐瑰嚮涓嬮潰鐨凜reaterepository銆傜劧鍚庝綘浼氭潵鍒拌繖涓〉闈紝鎴戜滑澶嶅埗涓嬮潰杩欒浠ｇ爜銆傜粓绔墽琛岃繖琛屼唬鐮侊紝灏嗘垜浠湰鍦颁粨搴撲笌github杩滅▼浠撳簱閾炬帴璧锋潵銆傛墽琛屽畬涔嬪悗鐢╣itremote-v鍙互鐪嬪埌浣犳湰鍦颁粨搴撶殑upstream宸茬粡鍙樻垚浜嗗垰鎵嶆垜浠繙绋嬩粨搴撶殑鍦板潃銆傛渶鍚庢墽琛実itpush--set-upstreamoriginmaster锛岃繖鏍峰氨鍙互鎶婂畠褰撲綔涓€涓垎鏀紝涔熷氨鏄妸鏈湴鐨刴aster鍒嗘敮鍜岃繙绋嬩粨搴撶殑master鍏宠仈璧锋潵銆備笅闈㈢殑gitadd銆乬itcommit銆乬itpush涓嶅啀杩囧閲嶅銆傚綋鎮ㄦ彁浜や唬鐮佹椂锛屾偍鐨勪唬鐮佸瓨鍌ㄥ簱椤甸潰灏嗗涓嬫墍绀恒€傚鏋滄鏃惰鍒囨崲鍒嗘敮銆備綘鍙互鍋歡itcheckout-bdev銆傚綋浣爂itpush鏃讹紝浣犱細鍙戠幇鍜屼箣鍓嶄竴妯′竴鏍风殑鍛戒护鎻愮ず绗︺€傚鏋滀綘鍥炲ご鐪嬬湅浣犵殑github浠撳簱锛屼綘浼氬彂鐜板叾瀹炲苟娌℃湁涓€涓彨dev鐨勮繙绋嬩粨搴擄紝鎵€浠ヤ綘push鐨勬椂鍊欙紝git涓嶇煡閬撲綘瑕乸ush鍒板摢閲屻€傜劧鍚庢墽琛岀浉鍚岀殑鍛戒护gitpush--set-upstreamorigindev銆傚洖澶寸湅杩滅▼浠撳簱锛岀‘瀹炴湁涓€涓猟ev鍒嗘敮銆傝嚦姝や綘宸茬粡瀹屾垚浜嗕釜浜轰粨搴撲唬鐮佹墭绠″拰鍓嶆湡宸ヤ綔銆傜粨鏉熻杩欐槸瀹為檯椤圭洰涓垵濮嬪寲浠ｇ爜浠撳簱鐨勫ぇ鑷存祦绋嬨€傚笇鏈涗綘鑳藉鍒颁竴浜涚煡璇嗐€傪煄?/p>
