鏈枃鏉ユ簮鍏紬鍙凤細绋嬪簭鍛樻垚鍔熸湰鏂囦粙缁嶄簡浠ｇ爜瑙勮寖銆佷唬鐮佹鏌ャ€佷唬鐮佹牸寮忓寲銆佺紪杈戝櫒鑷姩鍖栧疄鐜扮殑鏂瑰悜锛屼粙缁嶄簡缁熶竴鎴戜滑鍥㈤槦瀹為檯搴旂敤涓殑浠ｇ爜瑙勮寖銆傚ぇ绾查瑙堟湰鏂囦粙缁嶇殑鍐呭鍖呮嫭浠ヤ笅鍑犱釜鏂归潰锛氱悊瑙ｄ唬鐮佽鑼冨埗瀹氬拰缁熶竴瑙勮寖榄旀湳1锛欵SLint榄旀湳2锛歅rettier榄旀湳3锛歏SCode闄勫綍锛氬懡鍚嶅拰椤圭洰缁撴瀯瑙勮寖鐞嗚В浠ｇ爜瑙勮寖鍏堟€濊€冧袱涓棶棰?浠€涔堟槸浠ｇ爜瑙勮寖锛熶负浠€涔堥渶瑕佷唬鐮佽鑼冿紵濡傛灉浣犳槸鏈夌粡楠岀殑鍓嶇寮€鍙戣€咃紝鑲畾鎺ヨЕ杩囪繖鏍风殑鑰侀」鐩細鍙橀噺鍚嶆槸abc銆乫ds绛夛紝鎴栬€呯敤鏁板瓧鍛藉悕锛屾瘮濡俷ame1銆乶ame2锛岃繖鏍风殑鍙橀噺娌℃湁娉ㄩ噴锛岄涔熶笉鐭ラ亾鏄共浠€涔堢殑銆傝繖绉嶄唬鐮佹槸鍏稿瀷鐨勯潪鏍囧噯浠ｇ爜銆傝繖鏍风殑浠ｇ爜闄や簡璁╂垜浠殑寮€鍙戜汉鍛樼儲韬佷箣澶栵紝鏈€涓昏鐨勯棶棰樺氨鏄ぇ澶ч檷浣庝簡鍥㈤槦鍗忎綔鐨勬晥鐜囧拰绋嬪簭璐ㄩ噺銆傚湪鍥㈤槦鍗忎綔鐨勮繃绋嬩腑锛屽綋缁勯噷鐨勫叾浠栦汉闇€瑕佷娇鐢ㄦ垨鑰卹eview浣犵殑浠ｇ爜鏃讹紝鐪嬪埌杩欑鎯呭喌锛岄櫎浜嗗柗浣狅紝杩樿姳寰堝鏃堕棿鍘荤悊瑙ｄ綘鍐欑殑涓滆タ銆傚悓鏃讹紝鏋佹槗閫犳垚鍙橀噺鍐茬獊銆佹湭鐭ラ殣鎮ｃ€佽皟璇曞洶闅剧瓑闂锛岀敋鑷充竴涓▼搴忓憳鐨勭紪鐮佹€佸害鍜屼笓涓氱▼搴﹀彲瑙佷竴鏂戙€傚綋鐒讹紝浠ｇ爜瑙勮寖鍖呮嫭寰堝鏂归潰锛屽彉閲忓懡鍚嶈鑼冨彧鏄渶鍩烘湰鐨勮鑼冦€傝繚瑙勮涓鸿秺澶氾紝鑺傜洰璐ㄩ噺瓒婁綆锛屽洟闃熷悎浣滄晥鐜囪秺浣庛€傚湪浜嗚В浜嗕唬鐮佷笉瑙勮寖浠ュ強浠ｇ爜涓嶈鑼冨甫鏉ョ殑闂涔嬪悗锛屼綔涓哄墠绔灦鏋勫笀锛屾垜浠鎬濊€冧笁涓棶棰橈細濡備綍鍒跺畾鏍囧噯锛熷浣曠粺涓€鍥㈤槦鐨勮鑼冿紵濡備綍妫€娴嬭鑼冿紵鍒跺畾鍜岀粺涓€瑙勮寖鍍忎笂闈㈣繖鏍风殑鍙橀噺闅忔剰鍛藉悕鍦ㄦ棭鏈熺殑鍓嶇椤圭洰涓槸寰堝父瑙佺殑銆傚洜涓烘棭鏈熼」鐩妯″ぇ锛屽洟闃熻妯℃湁闄愶紝娌℃湁鍛藉悕瑙勮寖鎰忚瘑銆傚ソ鍍忛殢渚胯捣涓悕瀛椾篃娌′粈涔堝ぇ闂锛屽彧瑕佷笉閲嶅灏辫銆備絾鏄殢鐫€鍓嶇椤圭洰瓒婃潵瓒婂ぇ瓒婃潵瓒婂鏉傦紝涓嶈鑼冨鑷寸殑闂瓒婃潵瓒婂锛岃繖绉嶈鑼冩剰璇嗕篃閫愭笎琚噸瑙嗚捣鏉ャ€傜粡杩囩ぞ鍖虹殑涓嶆柇鍙戝睍锛岀害瀹氬懡鍚嶅寘鎷互涓嬭鑼冿細涓嬪垝绾垮懡鍚嶏細user_name涓嚎鍛藉悕锛歶ser-name灏忛┘宄板懡鍚嶏細userName澶ч┘宄板懡鍚嶏細UserName鏈夎氨銆傝€屼笖锛岃繖浜涜鑼冪洰鍓嶅凡琚ぇ澶氭暟寮€鍙戜汉鍛樻墍鎺ュ彈銆傚鏋滀笉鎸夎鑼冨懡鍚嶏紝鍙兘浼氳鍚屼簨鎶曡瘔锛佸綋瑙勮寖鎴愪负鏅亶鍏辫瘑鍚庯紝澶у鏍规嵁鑷繁鐨勫枩濂戒娇鐢ㄤ笉鍚岀殑瑙勮寖锛岄€愭笎褰㈡垚浜嗚嚜宸辩殑缂栫爜涔犳儻銆傚湪涓€涓洟闃熶腑锛屾瘡涓紑鍙戜汉鍛樺線寰€閮芥湁鑷繁鐨勭紪鐮佷範鎯€傜劧鑰岋紝杩欏張鎴愪簡涓€涓棶棰樸€備互鍙樷€嬧€嬮噺涓轰緥锛氬湪涓€涓洟闃熶腑锛屾湁浜涗汉涔犳儻鐢ㄤ笅鍒掔嚎鏉ュ懡鍚嶅彉閲忥紝姣斿user_name锛涙湁浜涗汉涔犳儻鐢ㄩ┘宄板懡鍚嶅彉閲忥紝姣斿userName銆傝繖涓ょ鍛藉悕鏂瑰紡閮芥槸姝ｇ‘鐨勶紝绗﹀悎瑙勮寖锛屼絾鏄細閫犳垚鍥㈤槦浠ｇ爜椋庢牸鐨勬贩涔憋紝鏃犳硶缁熶竴銆傞偅涓轰粈涔堣缁熶竴鍛紵缁熶竴鐨勫ソ澶勫緢澶氥€傛瘮濡傛垜浠粺涓€瑙勫畾锛氬懡鍚嶅彉閲忎娇鐢ㄤ笅鍒掔嚎锛屽懡鍚嶆柟娉曚娇鐢ㄥ皬椹煎嘲鍛藉悕娉曘€傞偅涔堝湪鍥㈤槦宸ヤ綔鐨勬椂鍊欙紝澶у鐪嬪埌涓嬪垝绾垮氨鐭ラ亾鏄彉閲忥紝鐪嬪埌椹煎嘲灏辨槸鏂规硶銆傚崄涓汉鍐欑殑浠ｇ爜锛屽啓鐨勬槸涓€涓汉鐨勯鏍硷紝鏃犻渶浜嗚В鍏朵粬缂栫爜椋庢牸锛屽疄鐜版棤闅滅鍗忎綔銆傚崄涓汉鐨勪唬鐮佽兘鍐欏嚭涓€涓汉鐨勯鏍硷紝杩欐槸鐞嗘兂鐘舵€侊紝浣嗛潬鐩戠潱鍜岃嚜瑙夊嚑涔庝笉鍙兘瀹炵幇銆傛€庝箞鍋氾紵浠ヤ笅鏄湰鏂囩殑閲嶇偣锛氬疄鐜颁唬鐮佽鑼冪殑涓夋嫑銆傛妧鑳戒竴锛氫笂闈㈡彁鍒扮殑ESLint锛屽洟闃熷悎浣滃紑鍙戦」鐩紝鍥犱负姣忎釜浜虹殑缂栫爜涔犳儻涓嶅悓锛屼細鍐欏嚭鍚勭鍚勬牱鐨勪唬鐮併€傝繖鏍风殑浠ｇ爜寰堜贡锛屽緢闅剧淮鎶ゃ€傛墍浠ユ垜浠笇鏈涙湁杩欐牱涓€涓伐鍏凤紝鍙互鍒跺畾鍑轰竴濂楁瘮杈冨畬鏁村拰鍏ㄩ潰鐨勮鑼冦€傚鏋滃ぇ瀹剁殑缂栫爜涓嶇鍚堣鑼冿紝绋嬪簭灏变細璀﹀憡鐢氳嚦鎶ラ敊銆備娇鐢ㄨ繖涓伐鍏峰彲浠ュ己鍒跺洟闃熸垚鍛橀伒瀹堢粺涓€鐨勪唬鐮侀鏍笺€傝繖涓伐鍏锋槸鏈夌殑锛屾垜浠兘鍚杩囷紝灏辨槸澶у悕榧庨紟鐨凟SLintESLint鏈変袱涓兘鍔涳細妫€鏌ヤ唬鐮佽川閲忥紝姣斿鏄惁鏈夊畾涔変絾鏈娇鐢ㄧ殑鍙橀噺銆傛鏌ヤ唬鐮侀鏍笺€佹崲琛屻€佸紩鍙枫€佺缉杩涚瓑銆傝繖涓ら」鑳藉姏鍑犱箮娑电洊浜嗗ぇ閮ㄥ垎浠ｇ爜瑙勮寖锛屽叿浣撹鑼冨彲閰嶇疆锛屽厑璁稿洟闃熻嚜瀹氫箟鑷繁鍠滄鐨勪唬鐮侀鏍笺€傝嚜瀹氫箟瑙勮寖鍚庯紝ESLint浼氬湪椤圭洰杩愯鎴栫儹鏇存柊鏃惰嚜鍔ㄦ鏌ヤ唬鐮佹槸鍚︾鍚堣鑼冦€傞棶锛欵SLint妫€鏌ヤ笌TypeScript妫€鏌ユ湁浣曚笉鍚岋紵TypeScript鍙鏌ョ被鍨嬮敊璇紝鑰孍SLint妫€鏌ユ牱寮忛敊璇€傝瘯璇旹SLint鍏堝湪椤圭洰涓嬪畨瑁咃細$npminstalleslint--save-dev鐒跺悗杩愯鍛戒护鍒濆鍖栭厤缃細eslint--initeslint鏄竴涓氦浜掑紡鍛戒护锛屽彲浠ヤ笂涓嬪垏鎹㈤€夋嫨閫傚悎椤圭洰鐨勯€夐」锛涘畬鎴愬悗浼氱敓鎴愪竴涓?eslintrc.json鏂囦欢銆?eslintrc.json鐨勫熀鏈厤缃涓嬶細{"env":{"browser":true,"es2021":true,},"extends":["eslint:recommended"],"parserOptions":{"ecmaVersion":12,"sourceType":"module",},"rules":{},};姝ゅ熀鏈厤缃寘鍚竴缁勯粯璁ゆ帹鑽愰厤缃紝鍦╡slint:recommended鎵╁睍涓畾涔夈€俁eact閰嶇疆React鍦ㄩ粯璁ら厤缃殑鍩虹涓婏紝杩樻湁涓€濂楁帹鑽愯娉曢厤缃紝瀹氫箟鍦╬lugin:react/recommended銆傚鏋滀綘鐨勫墠绔鏋舵槸React骞朵笖浣犳兂瀹氫箟eslint瑙勮寖锛岄偅涔堝湪鍩虹閰嶇疆+鏍囧織閰嶇疆涓坊鍔犲涓嬫爣璁帮細{"env":{"browser":true,"es2021":true},"extends":["eslint:recommended",+"plugin:react/recommended"],"parserOptions":{+"ecmaFeatures":{+"jsx":true+},"ecmaVersion":12,"sourceType":"module"},+"plugins":[+"react"+],"rules":{}};React+TS閰嶇疆濡傛灉React鏀寔TS锛岄渶瑕侀澶栧鍔犱竴浜涢厤缃細{"env":{"browser":true,"es2021":true},"extends":["eslint:recommended","plugin:react/recommended"+"plugin:@typescript-eslint/recommended"],+"parser":"@typescript-eslint/parser","parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":12,"sourceType":"module"},"plugins":["react",+"@typescript-eslint"],"rules":{}};code妫€鏌ュ畬涓婇潰瀹氫箟鐨勮鑼冿紝鎴戜滑鏉ュ啓涓€娈典唬鐮侊紝鎵ц瑙勮寖妫€鏌ワ紝鏂板缓涓€涓猧ndex.js鏂囦欢锛屽啓鍏ュ唴瀹癸細consta='13'functionadd(){return'1'}浠庨€忚js鐨勶紝杩欎袱琛屼唬鐮佸氨鍙互浜嗐€傜劧鍚庢垜浠繍琛屾鏌ュ懡浠わ細$npxeslintindex.js杩欐椂鍊欎綘浼氱湅鍒版帶鍒跺彴鎶ラ敊锛?:7error'a'isassignedavaluebutneverusedno-unused-vars4:10error'add'isdefinedbutneverusedno-unused-vars2problems(2errors,0warnings)閿欒鐨勬剰鎬濇槸鍙橀噺a鍜屽嚱鏁癮dd宸茬粡澹版槑浣嗘槸娌℃湁浣跨敤锛岃鏄庝唬鐮佷笉绗﹀悎绾﹀畾鐨勮鑼冦€傝繖绉嶅紓甯镐篃寰堝父瑙併€傚湪鑴氭墜鏋舵惌寤虹殑椤圭洰涓娇鐢╪pmrundev鍜宯pmstart鏃讹紝浼氭墽琛屼笂闈㈢殑妫€鏌ュ懡浠ゃ€備笂闈SLint瑙勮寖涓彁鍒帮紝ESLint鍙互鑷畾涔夋鏌ヨ鑼冿紝瀹氫箟鍦?eslintrc.json閰嶇疆鏂囦欢鐨剅ules瀵硅薄涓嬨€備緥濡傦紝瑕佸畾涔変竴涓鑼冿紝瀛楃涓插繀椤讳娇鐢ㄥ弻寮曞彿锛歿"rules":{"quotes":["error","double"]}}涓€鏃﹀畾涔夛紝濡傛灉浣犵殑浠ｇ爜瀵瑰瓧绗︿覆浣跨敤鍗曞紩鍙凤紝ESLint浼氭姤閿欍€俼uotes琛ㄧず寮曞彿瑙勮寖锛屽畠鏄紬澶氳鑼冧腑鐨勪竴绉嶏紝瀹冪殑鍊兼槸涓€涓暟缁勩€傛暟缁勭殑绗竴椤规槸閿欒绾у埆锛屽畠鏄互涓?涓€间箣涓€锛氣€渙ff鈥濇垨0-鍏抽棴瑙勮寖鈥渨arn鈥濇垨1-璀﹀憡绾у埆瑙勮寖鈥渆rror鈥濇垨2-閿欒绾у埆瑙勮寖绗簩椤硅鏁扮粍涓簍rueSpecifications锛屽叿浣撳畬鏁寸殑specifications鍙傝€冭繖閲屾墦寮€涓婇潰鐨勭綉椤碉紝缁胯壊瀵瑰嬀琛ㄧず宸茬粡閰嶇疆銆傞渶瑕佸畾鍒讹紝鐩存帴鍐欏湪瑙勫垯閲岄潰銆傛妧鑳戒簩锛歅rettier鍦ㄤ笂涓€姝ヤ腑锛屾垜浠娇鐢ㄤ簡ESLint鏉ュ疄鐜拌鑼冪殑鍒跺畾鍜屾鏌ャ€傚綋寮€鍙戣€呬繚瀛樹竴娈典唬鐮佸悗锛岄」鐩細鑷姩鎵цeslintcheck鍛戒护妫€鏌ヤ唬鐮侊紝妫€鏌ュ紓甯稿悗妫€鏌ユ帶鍒跺彴杈撳嚭锛屽緟寮€鍙戣€呬慨澶嶅紓甯稿悗缁х画寮€鍙戙€傚鏋滀綘閰嶇疆鐨勭紪鐮佽鑼冨鏉備弗鏍硷紝姣斿瀛楃涓插繀椤荤敤鍗曞紩鍙凤紝浠ｇ爜鏈熬蹇呴』鐢ㄥ垎鍙凤紝鎹㈣蹇呴』鏄?涓猼ab涓嶅甫绌烘牸銆傚姝よ缁嗙殑瑙勮寖锛屽湪寮€鍙戣繃绋嬩腑闅惧厤浼氬嚭鐜颁笉涓€鑷寸殑鎯呭喌銆傝繖鏃跺€欐帶鍒跺彴浼氶绻佹姤閿欙紝寮€鍙戣€呬細棰戠箒淇涓€涓┖鏍煎拰涓€涓爣鐐圭鍙凤紝鏃堕棿涓€闀垮氨鐑︽浜嗐€傛鍥犱负濡傛锛岃櫧鐒跺湪鑴氭墜鏋剁敓鎴愮殑椤圭洰涓璄SLint鏄粯璁ゅ紑鍚殑锛屼絾鏄緢澶氫汉鍦ㄤ娇鐢ㄤ箣鍚庤寰楃儲浜轰笖鏁堢巼浣庝笅锛屼簬鏄墜鍔ㄥ叧闂簡ESLint銆傞偅涔堬紝鏈夋病鏈夋洿楂樻晥鐨勬柟寮忥紝璁╁ぇ瀹堕潪甯稿揩閫熺殑鍐欏嚭瀹屽叏绗﹀悎瑙勮寖鐨勪唬鐮佸憿锛熸病閿欙紝灏辨槸绗簩鎷涳細PrettierPrettier鏄洰鍓嶆渶娴佽鐨勪唬鐮佹牸寮忓寲宸ュ叿锛屼富瑕佸姛鑳藉氨鏄牸寮忓寲浠ｇ爜銆備粈涔堟槸鏍煎紡鍖栵紵涓婇潰鎴戜滑浣跨敤浜咵SLint鏉ヨ嚜瀹氫箟缂栫爜瑙勮寖銆傚綋妫€娴嬪埌涓嶈鑼冪殑浠ｇ爜鏃讹紝浼氭彁绀哄紓甯革紝鐒跺悗鎴戜滑鐨勫紑鍙戜汉鍛橀渶瑕佹寜鐓ф彁绀烘墜鍔ㄤ慨澶嶄笉瑙勮寖鐨勫湴鏂广€傛牸寮忓寲鐨勫己澶т箣澶勫湪浜庡彲浠ユ牴鎹鑼冧竴閿嚜鍔ㄤ慨澶嶄笉瑙勮寖鐨勪唬鐮併€傚惉璧锋潵寰堝埡婵€锛岃鎴戜滑璇曚竴璇曘€傚厛鍦ㄩ」鐩笅瀹夎锛?npminstallprettier--save-dev鐒跺悗鏂板缓.prettierrc.json鏂囦欢锛歿"singleQuote":true,"semi":true}杩欎釜閰嶇疆鏂囦欢鍜孍SLint涓嬬殑瑙勫垯閰嶇疆涓€鑷翠笂闈紝灏辨槸Definethecodespecification---鏄殑锛孭rettier涔熸敮鎸佸畾涔夎鑼冿紝鐒跺悗鏍规嵁瑙勮寖鏍煎紡鍖栦唬鐮併€傚垪涓綪rettier甯哥敤瑙勮寖閰嶇疆锛歿"singleQuote":true,//鏄惁浣跨敤鍗曞紩鍙?semi":false,//璇彞鏈熬浣跨敤鍒嗗彿锛堥粯璁rue锛?printWidth":100,//涓€琛屼腑鐨勫瓧绗︽暟锛岃秴杩囧垯鎹㈣锛堥粯璁?0锛?tabWidth":2,//姣忎釜tab鐩稿綋浜庡灏戜釜绌烘牸锛堥粯璁?锛?useTabs":true,//鏄惁鎹㈣浣跨敤鍒惰〃绗︾缉杩涳紙榛樿false锛?trailingComma":"all",//瀵瑰琛屼娇鐢ㄥ熬闅忛€楀彿锛堥粯璁ゆ棤锛?:false,//>鍦ㄥ琛孞SX涓皢鍏舵斁鍦ㄦ渶鍚庝竴琛岀殑鏈熬鑰屼笉鏄紑濮嬫柊琛岋紙榛樿false锛?arrowParens":"avoid"//绠ご鍑芥暟鐨勫弬鏁版槸鍚﹀彧鏈変竴涓弬鏁版湁鎷彿锛堥粯璁ら伩鍏嶏級}瀹氫箟濂介厤缃悗锛屾垜浠湪index.js鏂囦欢涓啓鍏ュ唴瀹癸細consta="13"functionadd(){return"1"}鐒跺悗杩愯缁堢鏍煎紡鍖栧懡浠わ細$npxprettier--writeindex.js鏍煎紡鍖栧悗锛屾煡鐪媔ndex.js鏂囦欢鍙樻垚杩欐牱锛歝onsta='13';functionadd(){return'1';}鐪嬪埌鍙樺寲锛屽弻寮曞彿鑷姩鍙樻垚鍗曞紩鍙凤紝琛屽熬鑷姩鍔犲垎鍙凤紝鍒氬ソ涓庨厤缃枃浠朵腑瀹氫箟鐨勮鑼冧竴鑷?瓒呯骇鍔犱韩鍙楋紒缁堜簬涓嶇敤鍐嶆墜鍔ㄤ慨澶嶄笉瑙勮寖鐨勪唬鐮佷簡锛屼竴鏉″懡浠ゆ悶瀹氾紒浠ヤ笂鏄牸寮忓寲涓€涓枃浠讹紝褰撶劧涔熸敮鎸佹壒閲忔牸寮忓寲鏂囦欢銆傛壒閲忔牸寮忓寲閫氳繃妯＄硦鍖归厤鏌ユ壘鏂囦欢銆傚畠鏇村父鐢ㄣ€傚缓璁湪script鑴氭湰涓畾涔夛紝濡備笅锛?/package.json"scripts":{"format":"prettier--write\"src/**/*.js\"\"src/**/*.ts\"",}Prettier杩樻敮鎸佸涓嶅悓鍚庣紑鐨勬枃浠惰缃笉鍚岀殑浠ｇ爜瑙勮寖锛屽涓嬶細{"semi":false,"overrides":[{"files":"*.test.js","options":{"semi":true}},{"files":["*.json"],"options":{"parser":"json-stringify"}}]}闂細浠€涔堟槸ESLint鍜孭rettier鐨勫尯鍒紵鐩稿悓鐐癸細涓よ€呴兘鍙互瀹氫箟涓€濂椾唬鐮佽鑼冦€備笉鍚岀偣锛欵SLint鍦ㄦ鏌ユ椂浼氭彁绀轰唬鐮佷笉瑙勮寖鐨勯敊璇紱Prettier浼氱洿鎺ユ寜鐓ц鑼冩牸寮忓寲浠ｇ爜銆傚洜姝わ紝ESLint鍜孭rettier瀹氫箟鐨勮鑼冨繀椤讳竴鑷达紝涓嶈兘鍐茬獊銆傛妧宸т笁锛氬湪VSCode涓婏紝鎴戜滑浣跨敤ESLint鍜孭rettier锛岄€氳繃涓€鏉″懡浠ゅ疄鐜颁唬鐮佽鑼冨埗瀹氥€佷唬鐮佽鑼冩鏌ャ€佷唬鐮佹牸寮忓寲锛岄潪甯稿鏄撶粺涓€鍥㈤槦浠ｇ爜椋庢牸銆傜劧鑰岋紝绐佺牬鏁堢巼鐨勬寫鎴樻槸鏃犻檺鐨勩€傝繖鏃跺張鏈夋湅鈥嬧€嬪弸璇达細铏界劧瀹规槗锛屼絾鏄鏌ヤ唬鐮佽繕鏄闈犳鏌ュ懡浠わ紝鏍煎紡鍖栦唬鐮佷篃瑕侀潬鏍煎紡鍖栧懡浠わ紝涓嶅浼橀泤銆傚棷锛屼笉澶熶紭闆咃紝閭ｄ箞鏈夋病鏈変紭闆呯殑瑙ｅ喅鏂规鍛紵绛旀鏄偗瀹氱殑銆傚氨鏄垜浠殑绗笁鎷涒€斺€擵SCode寮哄ぇ鐨勬彃浠禫SCode瀵逛簬鎴戜滑鍓嶇鏉ヨ骞朵笉闄岀敓锛屾槸鎴戜滑姣忓ぉ闄即鐨勫紑鍙戝埄鍣ㄣ€傜洰鍓峍SCode鍑犱箮缁熶竴浜嗗墠绔湀鐨勭紪杈戯紝鍔熻兘寮哄ぇ锛屾繁鍙楀ソ璇勩€傛棦鐒惰兘寰楀埌濡傛骞挎硾鐨勮鍙紝鑲畾鏈夊畠鐨勪紭鍔裤€傞櫎浜嗛噸閲忚交銆佸惎鍔ㄩ€熷害蹇箣澶栵紝VSCode鏈€寮哄ぇ鐨勫湴鏂瑰湪浜庡畠涓板瘜澶氭牱鐨勬彃浠讹紝鍙互婊¤冻涓嶅悓鐢ㄦ埛鐨勫悇绉嶉渶姹傘€傚湪浼楀鎻掍欢涓紝ESLint鏄竴涓潪甯稿己澶х殑鎻掍欢銆傛病閿欙紝杩欎釜鎻掍欢灏辨槸VSCode涓奅SLint鏀寔鐨勫悓鍚嶆彃浠躲€傛埅鍥惧涓嬶細瀹夎杩欎釜鎻掍欢鍚庯紝闇€瑕佸湪缁堢鎵цeslint鍛戒护鏌ュ嚭鐨勫紓甯哥幇鍦ㄧ洿鎺ユ爣娉ㄥ湪浣犵殑浠ｇ爜涓婁簡锛佸嵆浣夸綘杈撳叆浜嗛敊璇殑绗﹀彿锛屾彃浠朵篃浼氬疄鏃惰窡韪綘鐨勯敊璇紝鐒跺悗缁欏嚭鏍囪鍜屽紓甯告彁閱掋€傝繖鏍峰ぇ澶ф彁楂樹簡寮€鍙戞晥鐜囷紝鍐嶄篃涓嶇敤鎵ц鍛戒护妫€鏌ヤ唬鐮佷簡锛岃皝璇翠笉浼橀泤銆傛棦鐒剁紪杈戝櫒鏈塃SLint鎻掍欢锛岄偅涔堝畠鏄惁涔熸湁Prettier鎻掍欢鍛紵浣犵寽瀵逛簡锛屽綋鐒舵湁鎻掍欢銆傝鎻掍欢鐨勫叏绉版槸Prettier-Codeformatter銆傛埅鍥惧涓嬶紝鍦╒SCode涓悳绱㈠畨瑁呭嵆鍙€傚畨瑁匬rettier鎻掍欢鍚庯紝瀹冨皢鍏呭綋缂栬緫鍣ㄧ殑鏍煎紡鍖栫▼搴忋€傚湪瑕佹牸寮忓寲鐨勪唬鐮佷腑鍙冲嚮锛屽彲浠ラ€夋嫨Prettier锛屽褰撳墠浠ｇ爜杩涜鏍煎紡鍖栥€傚鏋滄兂璁㏄rettier鑷姩鍖栵紝杩橀渶瑕佸湪缂栬緫鍣ㄤ腑杩涜閰嶇疆銆傜紪杈戝櫒閰嶇疆VSCode涓湁涓€涓敤鎴疯缃畇etting.json鏂囦欢锛岄噷闈繚瀛樹簡鐢ㄦ埛瀵圭紪杈戝櫒鐨勮嚜瀹氫箟閰嶇疆銆傝繖涓厤缃潪甯镐赴瀵岋紝鍏蜂綋瑙佸畼缃戙€傞鍏堬紝鎴戜滑鍦ㄦ閰嶇疆涓皢Prettier璁剧疆涓洪粯璁ゆ牸寮忓寲绋嬪簭锛氳缃畬杩欎竴姝ワ紝閲嶇偣鏉ヤ簡锛佹垜浠潵閰嶇疆涓€涓嬩繚瀛樻枃浠剁殑鑷姩鏍煎紡鍖栵細{"editor.formatOnSave":true}閰嶇疆瀹屼箣鍚庯紝绁炲鐨勪簨鎯呭彂鐢熶簡锛氬綋浣犲啓瀹屼唬鐮佷繚瀛樺悗锛屽彂鐜颁綘姝ｅ湪缂栬緫鐨勬枃浠剁珛椹鏍煎紡鍖栦簡銆備篃灏辨槸璇达紝涓嶇浣犵殑浠ｇ爜鏄笉鏄寜鐓ц鑼冨啓鐨勶紝淇濆瓨鐨勬椂鍊欏畠閮戒細鑷姩缁欎綘鏍煎紡鍖栨垚瑙勮寖鐨勪唬鐮併€傝繖涓€姝ュ叾瀹炲氨鏄湪淇濆瓨鏂囦欢鐨勬椂鍊欒嚜鍔ㄦ墽琛屾牸寮忓寲鍛戒护銆傚洜涓烘垜浠笂闈㈤厤缃簡榛樿鐨刦ormatter涓篜rettier锛岀幇鍦ㄩ厤缃簡formattingonsave锛岀浉褰撲簬鎶婃枃浠秙ave鍜宲rettier鍛戒护杩炴帴璧锋潵浜嗐€傝嚦姝わ紝鍦ㄤ笁澶ф妧鑳界殑鍔犳寔涓嬶紝鎴戜滑瀹炵幇浜嗚嚜鍔ㄦ煡鐮佸拰鑷姩鏍煎紡鍖栥€傜幇鍦ㄦ偍鏃犻渶鍦ㄧ紪鐮佹椂鑰冭檻浠讳綍鏍煎紡闂銆傚彧瑕佷綘姝ｅ父淇濆瓨锛岀紪杈戝櫒浼氳嚜鍔ㄥ府浣犲仛濂借繖浜涗簨鎯呫€傚叡浜紪杈戝櫒閰嶇疆涓婇潰鎴戜滑瀵圭紪杈戝櫒杩涜浜嗕竴娈垫椂闂寸殑閰嶇疆锛岀粓浜庡疄鐜颁簡鑷姩鏍煎紡鍖栥€傜幇鍦ㄦ垜浠渶瑕佸皢杩欎簺璁剧疆鍚屾缁欏洟闃熺殑鍏朵粬鎴愬憳锛屾€庝箞鍔烇紝鏄惁闇€瑕佷竴涓€閰嶇疆锛熶笉瑕佹儕鎱岋紝涓嶈鎵撴壈銆俈SCode鐨勮缃垎涓轰袱绫伙細鐢ㄦ埛璁剧疆锛氬簲鐢ㄤ簬鏁翠釜缂栬緫鍣ㄥ伐浣滃尯璁剧疆锛氬簲鐢ㄤ簬褰撳墠鐩綍/宸ヤ綔鍖鸿繖涓ょ绫诲瀷鐨勯厤缃唴瀹规槸瀹屽叏涓€鏍风殑锛屽尯鍒彧鏄紭鍏堢骇鐨勪笉鍚屻€傚鏋滄偍鎵撳紑鐨勯」鐩洰褰曞寘鍚伐浣滃尯璁剧疆锛屽垯宸ヤ綔鍖鸿缃皢瑕嗙洊褰撳墠鐢ㄦ埛璁剧疆銆傛墍浠ュ鏋滄垜浠灏嗚缃悓姝ョ粰鍥㈤槦鐨勫叾浠栨垚鍛橈紝鎴戜滑涓嶉渶瑕佹洿鏀圭敤鎴疯缃紝鍙渶瑕佸湪椤圭洰鐩綍涓嬫柊寤轰竴涓伐浣滃尯璁剧疆鍗冲彲銆傛坊鍔犲伐浣滃尯璁剧疆鏂规硶锛氬湪椤圭洰鏍圭洰褰曟柊寤轰竴涓?vscode/setting.json鏂囦欢锛屽湪杩欓噷鍐欑粺涓€鐨勭紪杈戝櫒閰嶇疆銆傛墍浠ユ垜浠湪杩欓噷鍐欎笂涓婇潰鐨凱rettier閰嶇疆鏉ュ疄鐜板叡浜€傞檮褰曪細鍛藉悕鍜岄」鐩粨鏋勮鑼冧笂闈粙缁嶄簡浠ｇ爜瑙勮寖銆佷唬鐮佹鏌ュ拰浠ｇ爜鏍煎紡鍖栵紝缁熶竴浠ｇ爜椋庢牸宸茬粡寰堝叏闈簡銆傚湪鍥㈤槦寮€鍙戣繃绋嬩腑锛屾垜浠篃绉疮浜嗕竴浜涗笉浼氬啓鍏ラ厤缃枃浠剁殑瑙勮寖銆傝繖浜涜鑼冨湪鍥㈤槦涓篃闈炲父閲嶈銆傝繖閮ㄥ垎涔熺畻鏄垜浠洟闃熻鑼冪殑鍒嗕韩銆備富瑕佹湁涓ら儴鍒嗭細鍛藉悕绾﹀畾鍜岄」鐩粨鏋勮鑼冦€傚懡鍚嶈鑼冩枃绔犲紑澶存彁鍒扮殑鍛藉悕瑙勮寖鏄彉閲忕殑鍥涚鍛藉悕瑙勮寖銆備絾鏄垜浠篃瀵瑰湪鍝噷浣跨敤鍝釜瑙勮寖杈炬垚浜嗗崗璁€傚彉閲忓懡鍚嶏細涓嬪垝绾縰ser_idCSS-Class鍛藉悕锛氫腑闂寸牬鎶樺彿user-id鏂规硶鍑芥暟鍛藉悕锛氬皬椹煎嘲userIdJS-Class鍛藉悕锛氬ぇ椹煎嘲UserId鏂囦欢澶瑰懡鍚嶏細涓棿鐮存姌鍙穟ser-id鏂囦欢澶圭粍浠跺懡鍚嶏細涓棿鐮存姌鍙穟ser-id缁勪欢瀵煎嚭鍛藉悕锛氬ぇhumpUserId椤圭洰缁撴瀯瑙勮寖椤圭洰缁撴瀯瑙勮寖涓昏鏄寚src鏂囦欢澶逛笅鐨勭粨鏋勭粍缁囥€倈--src|--index.tsx#鍏ュ彛鏂囦欢|--assets#闈欐€佽祫婧愮洰褰晐--components#鍏叡缁勪欢鐩綍||--鏍囬|||--绱㈠紩.tsx|||--index.less|--瀛樻斁#鐘舵€佺鐞嗙洰褰曪紝瀵瑰簲椤甸潰缁撴瀯||--绠＄悊鍛榺||--index.tsx#鐘舵€佹枃浠秥||--types.ts#瀹氫箟鐘舵€佺被鍨媩|--index.tsx|--pages#椤甸潰鐩綍锛屽搴攕tores缁撴瀯||--绠＄悊鍛榺||--绱㈠紩.tsx|||--index.less|--璇锋眰||--index.ts#axios瀹炰緥锛屽叏灞€璇锋眰澶勭悊|--璺敱鍣▅|--涓婚〉.tsx||--绱㈠紩.tsx||--root.tsx|--styles#鍏ㄥ眬鏍峰紡||--common.less||--index.less|--utils#宸ュ叿鐩綍|--index.ts杩囧線浜偣鏈爮鐩皢闀挎湡杈撳嚭鍓嶇宸ョ▼鍜屾灦鏋勬柟闈㈢殑鏂囩珷锛屽凡鍙戝竷濡備笅锛氫綘鐨刧it鏈夊濂戒綔涓哄墠绔灦鏋勫笀鐨勬妧鑳斤紵绾疓it瀹炵幇鍓嶇CI/CD濡傛灉鍠滄鎴戠殑鏂囩珷锛岃鐐硅禐鏀寔锛佷篃娆㈣繋鍏虫敞鎴戠殑涓撴爮锛岃阿璋煓忦煓?/p>
