{"id":301,"date":"2023-02-25T22:37:25","date_gmt":"2023-02-25T14:37:25","guid":{"rendered":"https:\/\/www.muxuetianyin.cn\/?p=301"},"modified":"2024-04-14T23:29:44","modified_gmt":"2024-04-14T15:29:44","slug":"react-adding-typescript","status":"publish","type":"post","link":"https:\/\/www.muxuetianyin.cn\/?p=301","title":{"rendered":"react Adding TypeScript"},"content":{"rendered":"\n<p>\u524d\u7aef\u76f8\u5173\u5de5\u5177<\/p>\n\n\n\n<p>vscode\u548cNode.js<\/p>\n\n\n\n<p>\u9996\u5148\u8fd0\u884c\u4e00\u4e0b\u5378\u8f7d\u5de5\u5177<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm uninstall create-reate-app -g <\/code><\/pre>\n\n\n\n<h2 id=\"installation\">\u5b89\u88c5<a href=\"https:\/\/create-react-app.bootcss.com\/docs\/adding-typescript#installation\">\u200b<\/a><\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>npx create-react-app react-project --template typescript --use-npm<\/code><\/pre>\n\n\n\n<p class=\"has-large-font-size\">\u5b89\u88c5yarn<\/p>\n\n\n\n<p><code>npm install -g yarn<\/code><br><code>\u67e5\u770b\u7248\u672c\uff1ayarn --version<\/code><\/p>\n\n\n\n<p>\u4fee\u6539yarn\u7684\u6e90\u955c\u50cf\u4e3a\u6dd8\u5b9d\u6e90<\/p>\n\n\n\n<p>yarn config set registry https:\/\/registry.npm.taobao.org\/<\/p>\n\n\n\n<p>\u7136\u540e\u6211\u8fd9\u91ccyarn\u6709\u4e2abug\u5904\u7406\u4e86\u597d\u591a\u5929\u89e3\u51b3\u4e0d\u4e86\uff0c\u5378\u8f7d\u91cd\u88c5\u4e5f\u4e0d\u884c\uff0c\u540e\u9762\u53d1\u73b0yarn\u53ef\u4ee5\u5347\u7ea7\u52303.0\u7248\u672c<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper' data-fancybox='post-images' href='https:\/\/www.muxuetianyin.cn\/wp-content\/uploads\/2023\/02\/image-1.png'><img src=\"https:\/\/www.muxuetianyin.cn\/wp-content\/uploads\/2023\/02\/image-1.png\" alt=\"\" class=\"wp-image-303\"\/><\/div><\/figure>\n\n\n\n<p>\u4e0d\u9700\u8981\u5b89\u88c5\uff0c\u53ea\u9700\u8981\u8bbe\u7f6e\u5c31\u53ef\u4ee5\u4e86\uff0c\u5177\u4f53\u662f<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>yarn set version berry<\/code><\/pre>\n\n\n\n<p>\u67e5\u770b\u7248\u672c\u53f7 yarn -v<\/p>\n\n\n\n<p>\u7248\u672c\u6b63\u786e\u5c31\u5347\u7ea7\u6210\u529f\u4e86<\/p>\n\n\n\n<p>\u8fd9\u4e2a\u7248\u672c\u7684yarn\u662f\u4e0d\u4f9d\u8d56npm\u7684<\/p>\n\n\n\n<p class=\"has-large-font-size\">\u7528Umi.js\u521b\u5efa\u9879\u76ee<\/p>\n\n\n\n<p>Umi \u662f\u4ec0\u4e48\uff1f<\/p>\n\n\n\n<p><a href=\"https:\/\/v3.umijs.org\/zh-CN\/docs\">\u4ecb\u7ecd (umijs.org)<\/a><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>yarn create @umijs\/umi-app\r\n\u6216 npx @umijs\/create-umi-app<\/code><\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u7aef\u76f8\u5173\u5de5\u5177 vscode\u548cNode.js \u9996\u5148\u8fd0\u884c\u4e00\u4e0b\u5378\u8f7d\u5de5\u5177 \u5b89\u88c5\u200b \u5b89\u88c5yarn npm install [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[13],"tags":[],"_links":{"self":[{"href":"https:\/\/www.muxuetianyin.cn\/index.php?rest_route=\/wp\/v2\/posts\/301"}],"collection":[{"href":"https:\/\/www.muxuetianyin.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.muxuetianyin.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.muxuetianyin.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.muxuetianyin.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=301"}],"version-history":[{"count":1,"href":"https:\/\/www.muxuetianyin.cn\/index.php?rest_route=\/wp\/v2\/posts\/301\/revisions"}],"predecessor-version":[{"id":304,"href":"https:\/\/www.muxuetianyin.cn\/index.php?rest_route=\/wp\/v2\/posts\/301\/revisions\/304"}],"wp:attachment":[{"href":"https:\/\/www.muxuetianyin.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.muxuetianyin.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.muxuetianyin.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}