鎴戜滑鐪嬬湅鏃犺鏄搷搴斿紡缂栫▼妗嗘灦React锛岃繕鏄祴璇曠敤鐨凧est鍜孭uppeteer宸ュ叿锛岃繕鏄唬鐮佹鏌ュ拰椋庢牸浼樺寲鐢ㄧ殑ESLint鍜孭rettier宸ュ叿閮界涓嶅紑绗笁鑰?party搴擄紝鍦ㄦ垜浠箣鍓嶇殑渚嬪瓙涓紝鎴戜滑閫氳繃NPM涓嬭浇鍜屽畨瑁呭伐鍏枫€傚寘鍙戝竷NPM锛圢odePackageManager锛夎櫧鐒跺彨Node鍖呯鐞嗭紝浣嗗疄闄呬笂浣犲彲浠ョ敤瀹冩潵绠＄悊鎴栧彂甯冪敤JavaScript浠ュ鐨勮瑷€缂栧啓鐨勭▼搴忕殑鍖呫€傚湪npm涓紝鏈変袱涓牳蹇冩蹇碉紝涓€涓槸package锛屼竴涓槸module銆傚寘鏄寘鍚玴ackage.json鏂囦欢鐨勬枃浠跺す銆俻ackage.json鐨勪綔鐢ㄦ槸鎻忚堪鍖呬腑鐨勬枃浠舵垨鐩綍銆備竴涓寘蹇呴』鏈変竴涓猵ackage.json鏂囦欢鎵嶈兘鍙戝竷鍒癗PM娉ㄥ唽琛ㄣ€傛ā鍧楁槸鍙互鐢盢ode.js鐨剅equire()鍔犺浇鐨勪换浣曟枃浠舵垨鐩綍銆傝兘澶熸垚鍔熷姞杞界殑妯″潡蹇呴』鏄富瀛楁涓湁pakcage.json鐨勭洰褰曪紝鎴栬€呮槸JavaScript鏂囦欢銆備竴涓寘鐨勫彂甯冮潪甯哥畝鍗曘€傞鍏堬紝閫氳繃鍒涘缓mkdir骞跺湪鍛戒护琛屼腑鏇存敼鐩綍cd鍛戒护锛屾垜浠彲浠ュ垱寤轰竴涓寘鏂囦欢澶瑰苟瀵艰埅鍒板寘鐨勬牴鐩綍銆傚湪鐩綍涓紝鎴戜滑鍙互鍒涘缓涓€涓猵ackage.json鏂囦欢銆傚垱寤簆ackage.js鏂囦欢鏈変袱绉嶆柟寮忥紝涓€绉嶆槸鐩存帴鍒涘缓锛屽彟涓€绉嶆槸鍦ㄥ懡浠よ鎵цnpminit鍛戒护锛屾彁绀鸿緭鍏ュ悗鐢熸垚package.json鏂囦欢銆俥xports.printMsg=function(){console.log("Thisisamessagefromthedemopackage");}鍦ㄦ垜浠垱寤轰竴涓寘涔嬪悗锛屾渶濂藉湪姝ｅ紡鍙戝竷涔嬪墠鐢╪pminstall鑷繁娴嬭瘯涓€涓嬨€傜‘瀹氭棤璇悗锛屾垜浠氨鍙互閫氳繃npmpublish鏉ュ彂甯冨寘浜嗐€傛棤璁烘槸鍏紑杩樻槸绉佹湁鍖呭彂甯冿紝鍙戝竷鍓嶉兘闇€瑕佸湪NPM娉ㄥ唽椤甸潰鍒涘缓鐢ㄦ埛銆備负浜嗗畨鍏ㄨ捣瑙侊紝鏈€濂藉湪鍙戝竷鍖呰９鍓嶉€氳繃2FA鍙屽洜绱犺璇併€傚寘鐨勬寔缁泦鎴愬拰閮ㄧ讲鍦―evOps涓紝鎴戜滑缁忓父寮鸿皟CI/CD鐨勬寔缁泦鎴愬拰閮ㄧ讲銆傚湪浣跨敤npm鐨勬椂鍊欙紝鎴戜滑涔熷彲浠ラ€氳繃accesstoken鐨勬柟寮忔潵浠ｆ浛鐢ㄦ埛鍚嶅拰瀵嗙爜鐨勮璇佹柟寮忋€傝繖閲岀殑璁块棶浠ょ墝鏄竴涓崄鍏繘鍒跺瓧绗︿覆锛屾垜浠彲浠ヤ娇鐢ㄥ畠鏉ラ獙璇併€佸畨瑁呮垨鍙戝竷妯″潡銆傝繖鏍凤紝鎴戜滑灏卞彲浠ヨ鍏朵粬宸ュ叿锛屾瘮濡傛寔缁泦鎴愭祴璇曠幆澧冿紝鏉ヨ闂甆PM鍖呫€傚綋鎴戜滑鐨勫伐浣滄祦杩愯鏃讹紝瀹冨彲浠ュ畬鎴愬寘鎷畨瑁呯鏈夊寘鍦ㄥ唴鐨勪换鍔°€備竴绉嶆槸浼犵粺浠ｅ竵锛屽彟涓€绉嶆槸棰楃矑浠ｅ竵銆傚叾涓紝浼犵粺浠ょ墝涓昏鍒嗕负3绫伙紝涓€绫绘槸鍙鐨勶紝鍙兘涓嬭浇鍖咃紱浜屾槸鍙互鍦ㄤ笅杞界殑鍩虹涓婅繘琛屽畨瑁咃紱绗笁绉嶅彲浠ュ湪鍓嶄袱绉嶇殑鍩虹涓婂彂甯冨寘銆備絾浠庡畨鍏ㄧ殑瑙掑害鏉ョ湅锛岀矑搴︿护鐗岋紝椤惧悕鎬濅箟锛屽叿鏈夋洿缁嗙矑搴︾殑鏉冮檺绠＄悊銆傜矑搴︿护鐗岃繕鍙互鏇村ソ鍦板尯鍒嗗彲璁块棶鐨勫寘鍜岃寖鍥达紝鎺堟潈缁欐寚瀹氱殑缁勭粐锛岃缃埌鏈熸椂闂达紝鍩轰簬CIDR鐨勬柟娉曟潵鎺у埗鎺堟潈鐨処P鑼冨洿锛屽苟鎻愪緵鍙鍜岃鍐欐潈闄愰€夐」銆備緥濡傦紝鎴戜滑鍙互閫氳繃浠ヤ笅鏂瑰紡鍒涘缓鍩轰簬IP鑼冨洿鐨勮闂护鐗屻€傚湪npmtokencreate--cidr=192.0.2.0/24涔嬪悗锛屾垜浠彲浠ュ皢浠ょ墝璁剧疆涓篊I/CD鏈嶅姟鍣ㄤ腑鐨勭幆澧冨彉閲忔垨瀵嗛挜銆備緥濡傦紝鍦℅itHubActions涓紝鎴戜滑鍙互娣诲姞浠ょ墝浣滀负閿€傜劧鍚庡熀浜庤瀵嗛挜锛屽垱寤轰竴涓悕涓篘PM_TOKEN鐨勭幆澧冨彉閲忔潵涓哄伐浣滄祦鎻愪緵瀵嗛挜銆傛楠わ細-杩愯锛殀npminstall-env:NPM_TOKEN:${{secrets.NPM_TOKEN}}杩欓噷鍊煎緱寮鸿皟鐨勬槸锛岃繖閲岀殑token鍏锋湁璇诲彇绉佹湁鍖呫€佷唬琛ㄦ垜浠彂甯冩柊鍖呫€佹洿鏀圭敤鎴锋垨鍖呰缃潈闄愮殑鑳藉姏銆傛墍浠ヤ粠瀹夊叏鐨勮搴︽潵璇达紝鎴戜滑涓€瀹氳淇濇姢token銆傜粷涓嶈兘灏嗕护鐗屾坊鍔犲埌鐗堟湰鎺у埗鎴栦笉瀹夊叏鐨勫湴鏂广€傛渶濂藉皢浠ょ墝瀛樺偍鍦ㄥ瘑鐮佺鐞嗗櫒涓€佷娇鐢ㄤ簯鎻愪緵鍟嗚繘琛屽畨鍏ㄥ瓨鍌ㄦ垨鐢盋I/CD宸ュ叿鎻愪緵鐨勫畨鍏ㄥ瓨鍌ㄣ€傚鏋滃彲鑳斤紝鎮ㄥ簲璇ヤ娇鐢ㄦ垜浠箣鍓嶈璁鸿繃鐨勬渶灏忕壒鏉冪矑搴﹁闂护鐗岋紝骞朵负浠ょ墝璁剧疆涓€涓緝鐭殑鍒版湡鏃堕棿銆傚寘绠＄悊鍓嶉潰璇磋繃锛屾垜浠彲浠ラ€夋嫨灏嗗寘鏉冮檺鍏紑鎴栬€呯鏈夊寲銆傚湪浠讳綍涓€绉嶆ā寮忎笅锛屾垜浠兘鍙互绠＄悊鐢ㄦ埛鍜岀粍缁囥€傚敮涓€涓嶅悓鐨勬槸锛屽叕鍏卞寘鏄墍鏈変汉閮藉彲浠ラ槄璇诲拰涓嬭浇鐨勶紱鑰岀鏈夊寘锛屾棤璁烘槸闃呰銆佷笅杞借繕鏄啓鍏ュ彂甯冿紝閮介渶瑕佹寚瀹氱殑鐢ㄦ埛鎴栫粍缁囨巿浜堟潈闄愩€備笅闈㈡垜浠氨鏉ョ湅鐪嬪浣曞湪NPM涓鐞嗙粍缁囥€傞鍏堬紝鎴戜滑鐧诲綍鍚庯紝鐐瑰嚮澶村儚閫夋嫨鍒涘缓缁勭粐銆備箣鍚庯紝鎴戜滑闇€瑕佺粰缁勭粐璧蜂竴涓悕瀛椼€傜浜哄拰鍏叡銆佷釜浜哄拰缁勭粐甯愭埛銆傜兢缁勬垚鍛樼鐞嗭紝璁块棶鏉冮檺绠＄悊銆傚畨鍏ㄦ敞鎰忎簨椤瑰墠闈㈡垜浠簡瑙ｄ簡NPM鍙戝竷銆丆I/CD鍜岀鐞嗙殑娴佺▼銆傛帴涓嬫潵鎴戜滑鏉ョ湅涓€涓婲PM鐨勫畨鍏ㄦ敞鎰忎簨椤广€傚湪浣跨敤NPM鐨勬椂鍊欙紝寰堥噸瑕佺殑涓€鐐瑰氨鏄畨鍏ㄦ柟闈㈢殑鑰冭檻銆傝繖閲岋紝鎴戜滑鍙互浠庝袱涓笉鍚岀殑瑙掑害鏉ョ湅锛氬紑鍙戣€呭拰鐢ㄦ埛銆傞鍏堬紝鎴戜滑浠庡紑鍙戣€呯殑瑙掑害鏉ョ湅銆傝繖閲屾渶闇€瑕佽鎯曠殑鏄垜浠殑璐︽埛瀹夊叏銆傚鍓嶆墍杩帮紝纭繚甯愭埛瀹夊叏鐨勬渶浣虫柟娉曟槸鍚敤鍙屽洜绱犺韩浠介獙璇?2FA)銆傚湪姝ゅ熀纭€涓婏紝鏈€瀹夊叏鐨勯€夋嫨鏄娇鐢ㄥ唴缃簬璁惧鎴栧閮ㄧ‖浠朵腑鐨勫畨鍏ㄥ瘑閽ャ€傚畨鍏ㄥ瘑閽ュ彲浠ュ皢韬唤楠岃瘉涓庢墍璁块棶鐨勭珯鐐圭浉鍏宠仈锛屼粠鑰屽ぇ澶ч檷浣庣綉缁滈挀楸肩殑椋庨櫓銆備絾鐢变簬骞堕潪姣忎釜浜洪兘鍙互璁块棶瀹夊叏瀵嗛挜锛屽洜姝PM杩樻敮鎸佷负2FA鐢熸垚涓€娆℃€у瘑鐮佺殑韬唤楠岃瘉搴旂敤绋嬪簭銆傜獌鍙栧笎鎴风殑鍙︿竴绉嶆柟娉曟槸浣跨敤杩囨湡鍩熷悕浣滀负鐢靛瓙閭欢鍦板潃鏉ヨ瘑鍒笎鎴枫€傛敾鍑昏€呭彲浠ユ敞鍐岃繃鏈熺殑鍩熷悕骞堕噸鏂板垱寤虹敤浜庢敞鍐屽笎鎴风殑鐢靛瓙閭欢鍦板潃銆傞€氳繃鑾峰緱瀵瑰笎鎴锋敞鍐岀數瀛愰偖浠跺湴鍧€鐨勮闂潈闄愶紝鏀诲嚮鑰呭彲浠ラ噸缃瘑鐮佷互鐮村潖涓嶅彈2FA淇濇姢鐨勫笎鎴枫€侼PM杩樹細瀹氭湡妫€鏌ュ笎鎴风數瀛愰偖浠跺湴鍧€鏄惁鏈夎繃鏈熺殑鍩熷悕鎴栨棤鏁堢殑MX璁板綍銆傚煙杩囨湡鍚庯紝NPM浼氱鐢ㄨ甯愭埛鐨勫瘑鐮侀噸缃紝骞惰姹傜敤鎴峰湪閲嶇疆瀵嗙爜涔嬪墠杩涜甯愭埛鎭㈠鎴栨垚鍔熼獙璇併€傞渶瑕佹敞鎰忕殑鏄紝浣滀负鍖呯殑缁存姢鑰咃紝褰撴偍鏇存柊閭鍦板潃鏃讹紝淇濆瓨鍦ㄥ寘鐨勫叕鍏卞厓鏁版嵁涓殑閭鍦板潃涓嶄細琚洿鏂般€傜敱浜庤繖绉嶉€氳繃鎶撳彇鍏叡鍏冩暟鎹潵璇嗗埆鏄撳彈杩囨湡鍩熸敾鍑荤殑甯愭埛浼氬鑷磋鎶ワ紝鍥犳杩欎簺甯愭埛鐪嬩技鏄撳彈鏀诲嚮锛屼絾瀹為檯涓婂苟闈炲姝ゃ€備粠鐢ㄦ埛鐨勮搴︽潵鐪嬨€傛敾鍑昏€呭彲鑳戒細灏濊瘯閫氳繃娉ㄥ唽涓€涓笌娴佽杞欢鍖呭叿鏈夌浉浼煎悕绉扮殑杞欢鍖呮潵璇遍獥浠栦汉瀹夎鎭舵剰杞欢鍖咃紝甯屾湜浜轰滑浼氬洜鎷煎啓閿欒鑰岃緭鍏ラ敊璇殑鍚嶇О锛屾垨鑰呬互鍏朵粬鏂瑰紡娣锋穯涓よ€呫€傝В鍐虫柟妗堟槸浣跨敤鑼冨洿鍖呮潵纭繚绉佹湁鍖呬笉浼氳鍏叡娉ㄥ唽琛ㄤ腑鐨勫寘鏇挎崲銆傚彟涓€涓棶棰樻槸鎭舵剰鏇存敼鐜版湁鍖呯殑琛屼负銆傚湪杩欓噷锛屾敾鍑昏€呬篃鍙兘涓嶄細璇遍獥鐢ㄦ埛浣跨敤鍚嶇О鐩镐技鐨勫寘锛岃€屾槸灏濊瘯灏嗘伓鎰忚涓烘坊鍔犲埌鐜版湁鐨勬祦琛屽寘涓€備负浜嗚В鍐宠繖涓棶棰橈紝NPM杩樹笌Microsoft鍚堜綔鎵弿鍖呬腑鐨勫凡鐭ユ伓鎰忓唴瀹瑰苟杩愯鍖呬互瀵绘壘娼滃湪鐨勬柊鎭舵剰琛屼负妯″紡銆傝繖瀵艰嚧NPM鍖呬腑鎭舵剰鍐呭鐨勭櫨鍒嗘瘮鏄剧潃闄嶄綆銆傛澶栵紝NPM鐨勪俊浠讳笌瀹夊叏鍥㈤槦瀹℃煡骞跺垹闄ょ敤鎴锋姤鍛婄殑鎭舵剰琛屼负鍜屽唴瀹广€傛湰鏂囦负浜屾湀Day16鐨勫涔犵瑪璁帮紝鍐呭鏉ヨ嚜鏋佸鏃堕棿銆奐vascript杩涢樁瀹炴垬璇俱€嬶紝涓€璧疯繘姝ヰ煉煉?/p>
