{"id":52522,"date":"2024-12-03T17:23:14","date_gmt":"2024-12-03T09:23:14","guid":{"rendered":"https:\/\/fwq.ai\/blog\/52522\/"},"modified":"2024-12-03T17:23:14","modified_gmt":"2024-12-03T09:23:14","slug":"biomejs%ef%bc%8c%e4%b8%80%e4%b8%aa%e7%94%a8%e4%ba%8e%e6%a0%bc%e5%bc%8f%e5%8c%96%e5%92%8c%e6%a3%80%e6%9f%a5-web-%e9%a1%b9%e7%9b%ae%e7%9a%84%e5%b7%a5%e5%85%b7%e9%93%be","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/52522\/","title":{"rendered":"Biomejs\uff0c\u4e00\u4e2a\u7528\u4e8e\u683c\u5f0f\u5316\u548c\u68c0\u67e5 Web \u9879\u76ee\u7684\u5de5\u5177\u94fe"},"content":{"rendered":"<p><b><\/b>     <\/p>\n<h1>Biomejs\uff0c\u4e00\u4e2a\u7528\u4e8e\u683c\u5f0f\u5316\u548c\u68c0\u67e5 Web \u9879\u76ee\u7684\u5de5\u5177\u94fe<\/h1>\n<p><span style=\"cursor: pointer\"><i><\/i>\u6536\u85cf<\/span>    <\/p>\n<p>\u5077\u5077\u52aa\u529b\uff0c\u6084\u65e0\u58f0\u606f\u5730\u53d8\u5f3a\uff0c\u7136\u540e\u60ca\u8273\u6240\u6709\u4eba\uff01\u54c8\u54c8\uff0c\u5c0f\u4f19\u4f34\u4eec\u53c8\u6765\u5b66\u4e60\u5566~\u4eca\u5929\u6211\u5c06\u7ed9\u5927\u5bb6\u4ecb\u7ecd<span style=\"color: #FF6600;, Helvetica, Arial, sans-serif;font-size: 14px;background-color: #FFFFFF\">\u300aBiomejs\uff0c\u4e00\u4e2a\u7528\u4e8e\u683c\u5f0f\u5316\u548c\u68c0\u67e5 Web \u9879\u76ee\u7684\u5de5\u5177\u94fe\u300b<\/span>\uff0c\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4f1a\u8bb2\u5230<span style=\"color: #FF6600;, Helvetica, Arial, sans-serif;font-size: 14px;background-color: #FFFFFF\"><\/span>\u7b49\u7b49\u77e5\u8bc6\u70b9\uff0c\u4e0d\u77e5\u9053\u5927\u5bb6\u5bf9\u5176\u90fd\u6709\u591a\u5c11\u4e86\u89e3\uff0c\u4e0b\u9762\u6211\u4eec\u5c31\u4e00\u8d77\u6765\u770b\u4e00\u5427\uff01\u5f53\u7136\uff0c\u975e\u5e38\u5e0c\u671b\u5927\u5bb6\u80fd\u591a\u591a\u8bc4\u8bba\uff0c\u7ed9\u51fa\u5408\u7406\u7684\u5efa\u8bae\uff0c\u6211\u4eec\u4e00\u8d77\u5b66\u4e60\uff0c\u4e00\u8d77\u8fdb\u6b65\uff01<\/p>\n<p>\u6211\u53d1\u73b0 t3-env \u4f7f\u7528 biomejs \u8fdb\u884c linting \u76ee\u7684\u3002\u672c\u6587\u6982\u8ff0\u4e86 biomejs \u4ee5\u53ca t3-env \u4e2d\u7684\u7528\u6cd5\u3002<\/p>\n<h2> <strong>biome.js<\/strong> <\/h2>\n<p>biome.js \u662f\u4e00\u4e2a\u9002\u7528\u4e8e\u60a8\u7684 web \u9879\u76ee\u7684\u5de5\u5177\u94fe\u3002\u5b83\u6709\u52a9\u4e8e\u683c\u5f0f\u5316\u548c\u68c0\u67e5\u60a8\u7684\u9879\u76ee\u3002<\/p>\n<h2> <strong>\u5feb\u901f\u5f00\u59cb<\/strong> <\/h2>\n<ol>\n<li>\u5b89\u88c5 <\/li>\n<\/ol>\n<pre>npm install - save-dev - save-exact @biomejs\/biome\n<\/pre>\n<p>2.\u914d\u7f6e<\/p>\n<pre>npx @biomejs\/biome init\n<\/pre>\n<p>\u5f53\u60a8\u8fd0\u884c\u4e0a\u8ff0\u547d\u4ee4\u65f6\uff0c\u5b83\u4f1a\u81ea\u52a8\u521b\u5efa biome.json \u6587\u4ef6\u3002\u4ee5\u4e0b\u662f\u8fd0\u884c<\/p>\n<p>\u65f6\u9ed8\u8ba4\u751f\u6210\u7684\u4ee3\u7801 \u4e0a\u9762\u7684\u547d\u4ee4\u5728biome.json\u4e2d\u3002<\/p>\n<pre>{\n \"$schema\": \"https:\/\/biomejs.dev\/schemas\/1.9.4\/schema.json\",\n \"vcs\": {\n \"enabled\": false,\n \"clientkind\": \"git\",\n \"useignorefile\": false\n },\n \"files\": { \"ignoreunknown\": false, \"ignore\": [] },\n \"formatter\": { \"enabled\": true, \"indentstyle\": \"tab\" },\n \"organizeimports\": { \"enabled\": true },\n \"linter\": {\n \"enabled\": true,\n \"rules\": { \"recommended\": true }\n },\n \"javascript\": { \"formatter\": { \"quotestyle\": \"double\" } }\n}\n<\/pre>\n<p>linter.enabled: true \u542f\u7528linter \u548crules.recommished: true \u542f\u7528\u63a8\u8350\u89c4\u5219\u3002\u8fd9\u5bf9\u5e94\u4e8e\u9ed8\u8ba4\u8bbe\u7f6e\u3002<\/p>\n<p>\u9ed8\u8ba4\u60c5\u51b5\u4e0b\u542f\u7528\u683c\u5f0f\u5316\uff0c\u4f46\u60a8\u53ef\u4ee5\u901a\u8fc7\u663e\u5f0f\u4f7f\u7528 formatter.enabled: false \u6765\u7981\u7528\u5b83\u3002<\/p>\n<p>3.\u751f\u7269\u7fa4\u7cfb\u547d\u4ee4<\/p>\n<p>a.\u683c\u5f0f<\/p>\n<p>\u60a8\u53ef\u4ee5\u4f7f\u7528\u5e26\u6709 \u2014 write \u9009\u9879\u7684 format \u547d\u4ee4\u6765\u683c\u5f0f\u5316\u6587\u4ef6\u548c\u76ee\u5f55\uff1a<\/p>\n<pre>npx @biomejs\/biome format - write &lt;files&gt;\n<\/pre>\n<p>b.\u68c9\u7ed2<\/p>\n<p>\u60a8\u53ef\u4ee5\u4f7f\u7528\u5e26\u6709 \u2014 write \u9009\u9879\u7684 lint \u547d\u4ee4\u5bf9\u6587\u4ef6\u548c\u76ee\u5f55\u8fdb\u884c lint \u548c\u5e94\u7528\u5b89\u5168\u4fee\u590d\uff1a<\/p>\n<pre>npx @biomejs\/biome lint - write &lt;files&gt;\n<\/pre>\n<p>c.\u68c0\u67e5<\/p>\n<p>\u60a8\u53ef\u4ee5\u901a\u8fc7\u5229\u7528\u68c0\u67e5\u547d\u4ee4\u6765\u8fd0\u884c\u683c\u5f0f\u548c\u94fe\u63a5\uff1a<\/p>\n<pre>npx @biomejs\/biome check - write &lt;files&gt;\n<\/pre>\n<h2> <strong>biome.js \u5728 t3-env \u4e2d\u7684\u4f7f\u7528<\/strong> <\/h2>\n<ol>\n<li>package.json \u4e2d\u7684\u811a\u672c <\/li>\n<\/ol>\n<pre>\"lint\": \"biome check .\",\n\"lint:fix\": \"biome check . - apply\",\n<\/pre>\n<p>\u8fd9\u88ab\u53d1\u73b0\u4f7f\u7528\u4e86\u5e94\u7528\u683c\u5f0f\u548c linting \u7684 check cli \u547d\u4ee4\u3002\u4e0d\u8fc7\u6709\u4e00\u4e2a\u53d8\u4f53\uff0clint \u53ea\u68c0\u67e5 linting \u95ee\u9898\uff0c\u4f46\u662f\u5f53\u4f60\u6267\u884c lint:fix \u65f6\uff0c\u5b83\u662f\u7528 \u2014 apply \u6267\u884c\u7684\u3002<\/p>\n<p>\u2014 apply \u2014 alias for \u2014 write\uff0c\u5199\u5165\u5b89\u5168\u4fee\u590d\u3001\u683c\u5f0f\u5316\u548c\u5bfc\u5165\u6392\u5e8f\uff08\u5df2\u5f03\u7528\uff0c\u4f7f\u7528 \u2014 write\uff09<\/p>\n<p>2.\u751f\u7269\u7fa4\u843d.json<\/p>\n<pre>{\n \"$schema\": \"https:\/\/biomejs.dev\/schemas\/1.5.3\/schema.json\",\n \"organizeImports\": {\n \"enabled\": true\n },\n \"formatter\": {\n \"enabled\": true,\n \"indentWidth\": 2,\n \"indentStyle\": \"space\"\n },\n \"linter\": {\n \"enabled\": true,\n \"rules\": {\n \"recommended\": true,\n \"a11y\": {\n \"noSvgWithoutTitle\": \"off\",\n \"useButtonType\": \"off\",\n \"useAltText\": \"off\"\n },\n \"complexity\": {\n \"noBannedTypes\": \"off\"\n },\n \"style\": {\n \"useImportType\": \"error\",\n \"useExportType\": \"error\"\n }\n }\n },\n \"overrides\": [\n {\n \"include\": [\"**\/*.test.ts\"],\n \"linter\": {\n \"rules\": {\n \"suspicious\": {\n \"noExplicitAny\": \"off\"\n }\n }\n }\n }\n ],\n \"vcs\": {\n \"enabled\": true,\n \"clientKind\": \"git\",\n \"useIgnoreFile\": true\n }\n}\n<\/pre>\n<h2> <strong>\u5173\u4e8e\u6211\u4eec\uff1a<\/strong> <\/h2>\n<p>\u5728 thinkthroo\uff0c\u6211\u4eec\u7814\u7a76\u5927\u578b\u5f00\u6e90\u9879\u76ee\u5e76\u63d0\u4f9b\u67b6\u6784\u6307\u5357\u3002\u6211\u4eec\u5f00\u53d1\u4e86\u4f7f\u7528 tailwind \u6784\u5efa\u7684\u53ef\u91cd\u7528\u7ec4\u4ef6\uff0c\u60a8\u53ef\u4ee5\u5728\u9879\u76ee\u4e2d\u4f7f\u7528\u5b83\u4eec\u3002\u6211\u4eec\u63d0\u4f9b next.js\u3001react \u548c node \u5f00\u53d1\u670d\u52a1\u3002<\/p>\n<p>\u4e0e\u6211\u4eec\u9884\u7ea6\u4f1a\u9762\u8ba8\u8bba\u60a8\u7684\u9879\u76ee\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.17golang.com\/uploads\/20241121\/1732160070673eaa46682fd.jpg\" class=\"aligncenter\" title=\"Biomejs\uff0c\u4e00\u4e2a\u7528\u4e8e\u683c\u5f0f\u5316\u548c\u68c0\u67e5 Web \u9879\u76ee\u7684\u5de5\u5177\u94fe\u63d2\u56fe\" alt=\"Biomejs\uff0c\u4e00\u4e2a\u7528\u4e8e\u683c\u5f0f\u5316\u548c\u68c0\u67e5 Web \u9879\u76ee\u7684\u5de5\u5177\u94fe\u63d2\u56fe\" \/><\/p>\n<h2> <strong>\u53c2\u8003\u8d44\u6599\uff1a<\/strong> <\/h2>\n<p>1. https:\/\/biomejs.dev\/<\/p>\n<p> 2. https:\/\/github.com\/t3-oss\/t3-env\/blob\/main\/biome.json<\/p>\n<p> 3. https:\/\/github.com\/t3-oss\/t3-env\/blob\/main\/package.json#l10<\/p>\n<p>\u4eca\u5929\u5e26\u5927\u5bb6\u4e86\u89e3\u4e86\u7684\u76f8\u5173\u77e5\u8bc6\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\uff1b\u5173\u4e8e\u6587\u7ae0\u7684\u6280\u672f\u77e5\u8bc6\u6211\u4eec\u4f1a\u4e00\u70b9\u70b9\u6df1\u5165\u4ecb\u7ecd\uff0c\u6b22\u8fce\u5927\u5bb6\u5173\u6ce8\u7c73\u4e91\u516c\u4f17\u53f7\uff0c\u4e00\u8d77\u5b66\u4e60\u7f16\u7a0b~<\/p>\n<p>      \u7248\u672c\u58f0\u660e \u672c\u6587\u8f6c\u8f7d\u4e8e\uff1adev.to \u5982\u6709\u4fb5\u72af\uff0c\u8bf7\u8054\u7cfb\u5220\u9664    <\/p>\n<dl>\n<dt><\/dt>\n<dd>\n   Pygame\u5b50\u5f39\u957f\u5ea6\u4e0d\u53d8\uff1f\u53ef\u80fd\u662f\u53c2\u6570\u8bbe\u7f6e\u9519\u8bef\n <\/dd>\n<\/dl>\n","protected":false},"excerpt":{"rendered":"<p>Biomejs\uff0c\u4e00\u4e2a\u7528\u4e8e\u683c\u5f0f\u5316\u548c\u68c0\u67e5 Web \u9879\u76ee\u7684\u5de5\u5177\u94fe \u6536\u85cf \u5077\u5077\u52aa\u529b\uff0c\u6084\u65e0\u58f0\u606f\u5730\u53d8\u5f3a\uff0c\u7136\u540e\u60ca\u8273\u6240\u6709\u4eba\uff01\u54c8\u54c8\uff0c\u5c0f\u4f19\u4f34\u4eec\u53c8\u6765\u5b66\u4e60\u5566~\u4eca\u5929\u6211\u5c06\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u300aBiomejs\uff0c\u4e00\u4e2a\u7528\u4e8e\u683c\u5f0f\u5316\u548c\u68c0\u67e5 Web \u9879\u76ee\u7684\u5de5\u5177\u94fe\u300b\uff0c\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4f1a\u8bb2\u5230\u7b49\u7b49\u77e5\u8bc6\u70b9\uff0c\u4e0d\u77e5\u9053\u5927\u5bb6\u5bf9\u5176\u90fd\u6709\u591a\u5c11\u4e86\u89e3\uff0c\u4e0b\u9762\u6211\u4eec\u5c31\u4e00\u8d77\u6765\u770b\u4e00\u5427\uff01\u5f53\u7136\uff0c\u975e\u5e38\u5e0c\u671b\u5927\u5bb6\u80fd\u591a\u591a\u8bc4\u8bba\uff0c\u7ed9\u51fa\u5408\u7406\u7684\u5efa\u8bae\uff0c\u6211\u4eec\u4e00\u8d77\u5b66\u4e60\uff0c\u4e00\u8d77\u8fdb\u6b65\uff01 \u6211\u53d1\u73b0 t3-env \u4f7f\u7528 biomejs \u8fdb\u884c linting \u76ee\u7684\u3002\u672c\u6587\u6982\u8ff0\u4e86 biomejs \u4ee5\u53ca t3-env \u4e2d\u7684\u7528\u6cd5\u3002 biome.js biome.js \u662f\u4e00\u4e2a\u9002\u7528\u4e8e\u60a8\u7684 web \u9879\u76ee\u7684\u5de5\u5177\u94fe\u3002\u5b83\u6709\u52a9\u4e8e\u683c\u5f0f\u5316\u548c\u68c0\u67e5\u60a8\u7684\u9879\u76ee\u3002 \u5feb\u901f\u5f00\u59cb \u5b89\u88c5 npm install &#8211; save-dev &#8211; save-exact @biomejs\/biome 2.\u914d\u7f6e npx @biomejs\/biome init \u5f53\u60a8\u8fd0\u884c\u4e0a\u8ff0\u547d\u4ee4\u65f6\uff0c\u5b83\u4f1a\u81ea\u52a8\u521b\u5efa biome.json \u6587\u4ef6\u3002\u4ee5\u4e0b\u662f\u8fd0\u884c \u65f6\u9ed8\u8ba4\u751f\u6210\u7684\u4ee3\u7801 \u4e0a\u9762\u7684\u547d\u4ee4\u5728biome.json\u4e2d\u3002 { &#8220;$schema&#8221;: &#8220;https:\/\/biomejs.dev\/schemas\/1.9.4\/schema.json&#8221;, &#8220;vcs&#8221;: { &#8220;enabled&#8221;: false, &#8220;clientkind&#8221;: &#8220;git&#8221;, &#8220;useignorefile&#8221;: false }, &#8220;files&#8221;: { [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-52522","post","type-post","status-publish","format-standard","hentry","category-16"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/52522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=52522"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/52522\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=52522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=52522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=52522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}