{"id":38381,"date":"2023-02-27T20:38:12","date_gmt":"2022-11-20T18:15:50","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/"},"modified":"2024-04-29T16:35:59","modified_gmt":"2024-04-29T08:35:59","slug":"%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/","title":{"rendered":"\u3010React\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884cReact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4"},"content":{"rendered":"<h2>\u4f7f\u7528create-react-app\u547d\u4ee4<\/h2>\n<p>\u8bf7\u6ce8\u610f\uff1a\u8bf7\u4e8b\u5148\u5b89\u88c5node.js\u3002<\/p>\n<p>\u5982\u679c\u8fd8\u6ca1\u6709\u5b89\u88c5\uff0c\u8bf7\u70b9\u51fb\u6b64\u5904\u5b89\u88c5\uff01<\/p>\n<h2>\u5728\u7ec8\u7aef\u4e2d\u8fd0\u884c\u547d\u4ee4<\/h2>\n<p>\u4f7f\u7528&#8221;ls&#8221;\u547d\u4ee4\uff0c\u67e5\u770b\u76ee\u5f55\u662f\u5426\u5df2\u7ecf\u5b58\u5728\u3002<br \/>\n\u4f8b\u5982\uff1a\u5047\u8bbe\u76ee\u5f55\u540d\u4e3areact-directory\uff08\u53ef\u4ee5\u81ea\u5b9a\u4e49\uff09\u3002<\/p>\n<p>\u8f93\u5165\u4ee5\u4e0b\u547d\u4ee4&#8221;npx create-react-app react-directory&#8221;\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"gp\">komorioBookpuro:~ komorishuhei$<\/span> npx create-react-app react-directory\r\n<span class=\"go\">npx: 99\u500b\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u30925.733\u79d2\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3057\u305f\u3002\r\n\r\nCreating a new React app in \/Users\/komorishuhei\/reac-directory.\r\n\r\nInstalling packages. This might take a couple of minutes.\r\nInstalling react, react-dom, and react-scripts with cra-template...\r\n<\/span><\/code><\/pre>\n<h2>2. \u786e\u8ba4\u6267\u884c\u7ed3\u679c<\/h2>\n<p>\u6267\u884c\u5b8c\u6bd5\u540e\uff0c\u8f93\u5165\u201cls\u201d\u547d\u4ee4\u6765\u786e\u8ba4\u201creact-directory\u201d\u662f\u5426\u80fd\u8fd0\u884c\u3002<\/p>\n<pre class=\"post-pre\"><code>Success! Created react-directory at \/Users\/komorishuhei\/react-directory\r\nInside that directory, you can run several commands:\r\n\r\n  npm start\r\n    Starts the development server.\r\n\r\n  npm run build\r\n    Bundles the app into static files for production.\r\n\r\n  npm test\r\n    Starts the test runner.\r\n\r\n  npm run eject\r\n    Removes this tool and copies build dependencies, configuration files\r\n    and scripts into the app directory. If you do this, you can\u2019t go back!\r\n\r\nWe suggest that you begin by typing:\r\n\r\n  cd react-directory\r\n  npm start\r\n\r\nHappy hacking!\r\n<\/code><\/pre>\n<h2>\u8bf7\u68c0\u67e5package.json\u6587\u4ef6\u3002<\/h2>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d343d37434c4406c684ba\/11-0.png\" alt=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2020-03-15 12.13.16.png\" \/><\/div>\n<p>\u2461 \u4f7f\u7528\u7f16\u8f91\u5668\u67e5\u770bpackage.json\u6587\u4ef6\u7684\u5185\u5bb9\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"p\">{<\/span>\r\n  <span class=\"nl\">\"name\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react-directory\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"version\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"0.1.0\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"private\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"dependencies\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"@testing-library\/jest-dom\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^4.2.4\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@testing-library\/react\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^9.5.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@testing-library\/user-event\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^7.2.1\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"react\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^16.13.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"react-dom\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^16.13.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"react-scripts\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"3.4.0\"<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"scripts\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"start\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react-scripts start\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"build\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react-scripts build\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"test\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react-scripts test\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"eject\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react-scripts eject\"<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"eslintConfig\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"extends\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"react-app\"<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"browserslist\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"production\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\r\n      <span class=\"s2\">\"&gt;0.2%\"<\/span><span class=\"p\">,<\/span>\r\n      <span class=\"s2\">\"not dead\"<\/span><span class=\"p\">,<\/span>\r\n      <span class=\"s2\">\"not op_mini all\"<\/span>\r\n    <span class=\"p\">],<\/span>\r\n    <span class=\"nl\">\"development\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\r\n      <span class=\"s2\">\"last 1 chrome version\"<\/span><span class=\"p\">,<\/span>\r\n      <span class=\"s2\">\"last 1 firefox version\"<\/span><span class=\"p\">,<\/span>\r\n      <span class=\"s2\">\"last 1 safari version\"<\/span>\r\n    <span class=\"p\">]<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">}<\/span>\r\n\r\n<\/code><\/pre>\n<h1>\u4f7f\u7528&#8221;npm start&#8221;\u547d\u4ee4\u6765\u542f\u52a8React\u5e94\u7528\u7a0b\u5e8f\u3002<\/h1>\n<p>\u5728\u7f16\u8f91\u5668\u4e2d\u8f93\u5165&#8221;npm start&#8221;\u547d\u4ee4\u4ee5\u83b7\u5f97URL\u8f93\u51fa\u3002<\/p>\n<pre class=\"post-pre\"><code>Compiled successfully!\r\n\r\nYou can now view project in the browser.\r\n\r\n  Local:            http:\/\/localhost:3000\r\n  On Your Network:  http:\/\/\r\n\r\nNote that the development build is not optimized.\r\nTo create a production build, use npm run build.\r\n\r\n<\/code><\/pre>\n<h1>5. \u6210\u529f\u5efa\u7acb\u73af\u5883\u3002<\/h1>\n<p>\u5982\u679c\u5728\u7f16\u8f91\u5668\u4e2d\u8f93\u51fa\u7684URL\u4e0a\u70b9\u51fb\u540e\u6210\u529f\u5c55\u793a\u4e86\u50cf\u56fe\u7247\u4e00\u6837\u7684\u5185\u5bb9\uff0c\u90a3\u5c31\u5f88\u597d\u4e86\u3002<br \/>\n\u8f9b\u82e6\u4e86\uff01<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d343d37434c4406c684ba\/19-0.png\" alt=\"image.png\" \/><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u4f7f\u7528create-react-app\u547d\u4ee4 \u8bf7\u6ce8\u610f\uff1a\u8bf7\u4e8b\u5148\u5b89\u88c5node.js\u3002 \u5982\u679c\u8fd8\u6ca1\u6709\u5b89\u88c5\uff0c\u8bf7\u70b9\u51fb\u6b64\u5904\u5b89\u88c5\uff01 [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-38381","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u3010React\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884cReact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4 - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/\u3010react\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884creact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u3010React\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884cReact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4\" \/>\n<meta property=\"og:description\" content=\"\u4f7f\u7528create-react-app\u547d\u4ee4 \u8bf7\u6ce8\u610f\uff1a\u8bf7\u4e8b\u5148\u5b89\u88c5node.js\u3002 \u5982\u679c\u8fd8\u6ca1\u6709\u5b89\u88c5\uff0c\u8bf7\u70b9\u51fb\u6b64\u5904\u5b89\u88c5\uff01 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u3010react\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884creact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-20T18:15:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-29T08:35:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d343d37434c4406c684ba\/11-0.png\" \/>\n<meta name=\"author\" content=\"\u79d1, \u9896\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u79d1, \u9896\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/\",\"name\":\"\u3010React\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884cReact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4 - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2022-11-20T18:15:50+00:00\",\"dateModified\":\"2024-04-29T08:35:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u3010React\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884cReact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e\",\"name\":\"\u79d1, \u9896\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g\",\"caption\":\"\u79d1, \u9896\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/keying\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u3010React\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884cReact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4 - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/\u3010react\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884creact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4\/","og_locale":"zh_CN","og_type":"article","og_title":"\u3010React\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884cReact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4","og_description":"\u4f7f\u7528create-react-app\u547d\u4ee4 \u8bf7\u6ce8\u610f\uff1a\u8bf7\u4e8b\u5148\u5b89\u88c5node.js\u3002 \u5982\u679c\u8fd8\u6ca1\u6709\u5b89\u88c5\uff0c\u8bf7\u70b9\u51fb\u6b64\u5904\u5b89\u88c5\uff01 [&hellip;]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u3010react\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884creact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2022-11-20T18:15:50+00:00","article_modified_time":"2024-04-29T08:35:59+00:00","og_image":[{"url":"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d343d37434c4406c684ba\/11-0.png"}],"author":"\u79d1, \u9896","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u79d1, \u9896","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"1 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/","name":"\u3010React\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884cReact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4 - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2022-11-20T18:15:50+00:00","dateModified":"2024-04-29T08:35:59+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u3010React\u3011\u5173\u4e8e\u4f7f\u7528npx\u8fdb\u884cReact\u73af\u5883\u642d\u5efa\u7684\u6b65\u9aa4"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e","name":"\u79d1, \u9896","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g","caption":"\u79d1, \u9896"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/keying\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e3%80%90react%e3%80%91%e5%85%b3%e4%ba%8e%e4%bd%bf%e7%94%a8npx%e8%bf%9b%e8%a1%8creact%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba%e7%9a%84%e6%ad%a5%e9%aa%a4\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/38381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=38381"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/38381\/revisions"}],"predecessor-version":[{"id":86401,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/38381\/revisions\/86401"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=38381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=38381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=38381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}