{"id":1317,"date":"2023-03-18T11:25:41","date_gmt":"2023-03-18T03:25:41","guid":{"rendered":"https:\/\/www.appblog.cn\/?p=1317"},"modified":"2023-04-29T09:12:56","modified_gmt":"2023-04-29T01:12:56","slug":"taro-installation-and-use","status":"publish","type":"post","link":"https:\/\/www.appblog.cn\/index.php\/2023\/03\/18\/taro-installation-and-use\/","title":{"rendered":"Taro\u5b89\u88c5\u53ca\u4f7f\u7528"},"content":{"rendered":"<h2>CLI \u5de5\u5177\u5b89\u88c5<\/h2>\n<p>\u4f7f\u7528<code>npm<\/code>\u6216\u8005<code>yarn<\/code>\u5168\u5c40\u5b89\u88c5<code>@tarojs\/cli<\/code><\/p>\n<p><!-- more --><\/p>\n<pre><code class=\"language-bash\"># \u4f7f\u7528 npm \u5b89\u88c5 CLI\n$ npm install -g @tarojs\/cli\n\n# OR \u4f7f\u7528 yarn \u5b89\u88c5 CLI\n$ yarn global add @tarojs\/cli\n\n# OR \u5b89\u88c5\u4e86 cnpm\uff0c\u4f7f\u7528 cnpm \u5b89\u88c5 CLI\n$ cnpm install -g @tarojs\/cli<\/code><\/pre>\n<p>\u5982\u679c\u5b89\u88c5\u8fc7\u7a0b\u51fa\u73b0<code>sass<\/code>\u76f8\u5173\u7684\u5b89\u88c5\u9519\u8bef\uff1a<\/p>\n<pre><code class=\"language-bash\">$ npm install -g mirror-config-china<\/code><\/pre>\n<h2>\u9879\u76ee\u521d\u59cb\u5316<\/h2>\n<pre><code class=\"language-bash\">$ taro init myApp<\/code><\/pre>\n<p>\u5728\u521b\u5efa\u5b8c\u9879\u76ee\u4e4b\u540e\uff0cTaro\u4f1a\u9ed8\u8ba4\u5f00\u59cb\u5b89\u88c5\u9879\u76ee\u6240\u9700\u8981\u7684\u4f9d\u8d56\uff0c\u5982\u679c\u4f9d\u8d56\u5b89\u88c5\u5931\u8d25\uff0c\u53ef\u624b\u52a8\u5b89\u88c5<\/p>\n<pre><code class=\"language-bash\"># \u4f7f\u7528 yarn \u5b89\u88c5\u4f9d\u8d56\n$ yarn\n\n# OR \u4f7f\u7528 cnpm \u5b89\u88c5\u4f9d\u8d56\n$ cnpm install\n\n# OR \u4f7f\u7528 npm \u5b89\u88c5\u4f9d\u8d56\n$ npm install<\/code><\/pre>\n<h2>\u8fd0\u884c<\/h2>\n<p><code>Taro<\/code>\u9700\u8981\u8fd0\u884c\u4e0d\u540c\u7684\u547d\u4ee4\uff0c\u5c06<code>Taro<\/code>\u4ee3\u7801\u7f16\u8bd1\u6210\u4e0d\u540c\u7aef\u7684\u4ee3\u7801\uff0c\u7136\u540e\u5728\u5bf9\u5e94\u7684\u5f00\u53d1\u5de5\u5177\u4e2d\u67e5\u770b\u6548\u679c<\/p>\n<h3>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f<\/h3>\n<p>\u9009\u62e9\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u6a21\u5f0f\uff0c\u9700\u8981\u81ea\u884c\u4e0b\u8f7d\u5e76\u6253\u5f00<a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/developers.weixin.qq.com\/miniprogram\/dev\/devtools\/download.html\" title=\"\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\">\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/a>\uff0c\u7136\u540e\u9009\u62e9\u9879\u76ee\u6839\u76ee\u5f55\u8fdb\u884c\u9884\u89c8\u3002<\/p>\n<p>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7f16\u8bd1\u9884\u89c8\u53ca\u6253\u5305\uff08\u53bb\u6389<code>--watch<\/code>\u5c06\u4e0d\u4f1a\u76d1\u542c\u6587\u4ef6\u4fee\u6539\uff0c\u5e76\u4f1a\u5bf9\u4ee3\u7801\u8fdb\u884c\u538b\u7f29\u6253\u5305\uff09<\/p>\n<pre><code class=\"language-bash\"># yarn\n$ yarn dev:weapp\n$ yarn build:weapp\n\n# npm script\n$ npm run dev:weapp\n$ npm run build:weapp\n\n# \u4ec5\u9650\u5168\u5c40\u5b89\u88c5\n$ taro build --type weapp --watch\n$ taro build --type weapp\n\n# npx \u7528\u6237\u4e5f\u53ef\u4ee5\u4f7f\u7528\n$ npx taro build --type weapp --watch\n$ npx taro build --type weapp<\/code><\/pre>\n<h3>\u767e\u5ea6\u5c0f\u7a0b\u5e8f<\/h3>\n<p>\u9009\u62e9\u767e\u5ea6\u5c0f\u7a0b\u5e8f\u6a21\u5f0f\uff0c\u9700\u8981\u81ea\u884c\u4e0b\u8f7d\u5e76\u6253\u5f00<a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/smartprogram.baidu.com\/docs\/develop\/devtools\/show_sur\/\" title=\"\u767e\u5ea6\u5f00\u53d1\u8005\u5de5\u5177\">\u767e\u5ea6\u5f00\u53d1\u8005\u5de5\u5177<\/a>\uff0c\u7136\u540e\u5728\u9879\u76ee\u7f16\u8bd1\u5b8c\u540e\u9009\u62e9\u9879\u76ee\u6839\u76ee\u5f55\u4e0b<code>dist<\/code>\u76ee\u5f55\u8fdb\u884c\u9884\u89c8\u3002<\/p>\n<p>\u767e\u5ea6\u5c0f\u7a0b\u5e8f\u7f16\u8bd1\u9884\u89c8\u53ca\u6253\u5305\uff08\u53bb\u6389<code>--watch<\/code>\u5c06\u4e0d\u4f1a\u76d1\u542c\u6587\u4ef6\u4fee\u6539\uff0c\u5e76\u4f1a\u5bf9\u4ee3\u7801\u8fdb\u884c\u538b\u7f29\u6253\u5305\uff09<\/p>\n<pre><code class=\"language-bash\"># yarn\n$ yarn dev:swan\n$ yarn build:swan\n\n# npm script\n$ npm run dev:swan\n$ npm run build:swan\n\n# \u4ec5\u9650\u5168\u5c40\u5b89\u88c5\n$ taro build --type swan --watch\n$ taro build --type swan\n\n# npx \u7528\u6237\u4e5f\u53ef\u4ee5\u4f7f\u7528\n$ npx taro build --type swan --watch\n$ npx taro build --type swan<\/code><\/pre>\n<h3>\u652f\u4ed8\u5b9d\u5c0f\u7a0b\u5e8f<\/h3>\n<p>\u9009\u62e9\u652f\u4ed8\u5b9d\u5c0f\u7a0b\u5e8f\u6a21\u5f0f\uff0c\u9700\u8981\u81ea\u884c\u4e0b\u8f7d\u5e76\u6253\u5f00<a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/docs.alipay.com\/mini\/developer\/getting-started\/\" title=\"\u652f\u4ed8\u5b9d\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177\">\u652f\u4ed8\u5b9d\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177<\/a>\uff0c\u7136\u540e\u5728\u9879\u76ee\u7f16\u8bd1\u5b8c\u540e\u9009\u62e9\u9879\u76ee\u6839\u76ee\u5f55\u4e0b dist \u76ee\u5f55\u8fdb\u884c\u9884\u89c8\u3002<\/p>\n<p>\u652f\u4ed8\u5b9d\u5c0f\u7a0b\u5e8f\u7f16\u8bd1\u9884\u89c8\u53ca\u6253\u5305\uff08\u53bb\u6389 &#8211;watch \u5c06\u4e0d\u4f1a\u76d1\u542c\u6587\u4ef6\u4fee\u6539\uff0c\u5e76\u4f1a\u5bf9\u4ee3\u7801\u8fdb\u884c\u538b\u7f29\u6253\u5305\uff09<\/p>\n<pre><code class=\"language-bash\"># yarn\n$ yarn dev:alipay\n$ yarn build:alipay\n\n# npm script\n$ npm run dev:alipay\n$ npm run build:alipay\n\n# \u4ec5\u9650\u5168\u5c40\u5b89\u88c5\n$ taro build --type alipay --watch\n$ taro build --type alipay\n\n# npx \u7528\u6237\u4e5f\u53ef\u4ee5\u4f7f\u7528\n$ npx taro build --type alipay --watch\n$ npx taro build --type alipay<\/code><\/pre>\n<h3>\u5b57\u8282\u8df3\u52a8\u5c0f\u7a0b\u5e8f<\/h3>\n<p>\u9009\u62e9\u5b57\u8282\u8df3\u52a8\u5c0f\u7a0b\u5e8f\u6a21\u5f0f\uff0c\u9700\u8981\u81ea\u884c\u4e0b\u8f7d\u5e76\u6253\u5f00<a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/microapp.bytedance.com\/docs\/devtool\/versionUpdate.html\" title=\"\u5b57\u8282\u8df3\u52a8\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177\">\u5b57\u8282\u8df3\u52a8\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177<\/a>\uff0c\u7136\u540e\u5728\u9879\u76ee\u7f16\u8bd1\u5b8c\u540e\u9009\u62e9\u9879\u76ee\u6839\u76ee\u5f55\u4e0b<code>dist<\/code>\u76ee\u5f55\u8fdb\u884c\u9884\u89c8\u3002<\/p>\n<p>\u5b57\u8282\u8df3\u52a8\u5c0f\u7a0b\u5e8f\u7f16\u8bd1\u9884\u89c8\u53ca\u6253\u5305\uff08\u53bb\u6389<code>--watch<\/code>\u5c06\u4e0d\u4f1a\u76d1\u542c\u6587\u4ef6\u4fee\u6539\uff0c\u5e76\u4f1a\u5bf9\u4ee3\u7801\u8fdb\u884c\u538b\u7f29\u6253\u5305\uff09<\/p>\n<pre><code class=\"language-bash\"># yarn\n$ yarn dev:tt\n$ yarn build:tt\n\n# npm script\n$ npm run dev:tt\n$ npm run build:tt\n\n# \u4ec5\u9650\u5168\u5c40\u5b89\u88c5\n$ taro build --type tt --watch\n$ taro build --type tt\n\n# npx \u7528\u6237\u4e5f\u53ef\u4ee5\u4f7f\u7528\n$ npx taro build --type tt --watch\n$ npx taro build --type tt<\/code><\/pre>\n<h3>QQ \u5c0f\u7a0b\u5e8f<\/h3>\n<p>\u9009\u62e9 QQ \u5c0f\u7a0b\u5e8f\u6a21\u5f0f\uff0c\u9700\u8981\u81ea\u884c\u4e0b\u8f7d\u5e76\u6253\u5f00<a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/q.qq.com\/wiki\/#_4-%E7%BC%96%E7%A0%81%E5%BC%80%E5%8F%91%E5%B0%8F%E7%A8%8B%E5%BA%8F\" title=\"QQ \u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177\">QQ \u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177<\/a>\uff0c\u7136\u540e\u5728\u9879\u76ee\u7f16\u8bd1\u5b8c\u540e\u9009\u62e9\u9879\u76ee\u6839\u76ee\u5f55\u4e0b<code>dist<\/code>\u76ee\u5f55\u8fdb\u884c\u9884\u89c8\u3002<\/p>\n<p>QQ \u5c0f\u7a0b\u5e8f\u7f16\u8bd1\u9884\u89c8\u53ca\u6253\u5305\uff08\u53bb\u6389<code>--watch<\/code>\u5c06\u4e0d\u4f1a\u76d1\u542c\u6587\u4ef6\u4fee\u6539\uff0c\u5e76\u4f1a\u5bf9\u4ee3\u7801\u8fdb\u884c\u538b\u7f29\u6253\u5305\uff09<\/p>\n<pre><code class=\"language-bash\"># yarn\n$ yarn dev:qq\n$ yarn build:qq\n\n# npm script\n$ npm run dev:qq\n$ npm run build:qq\n\n# \u4ec5\u9650\u5168\u5c40\u5b89\u88c5\n$ taro build --type qq --watch\n$ taro build --type qq\n\n# npx \u7528\u6237\u4e5f\u53ef\u4ee5\u4f7f\u7528\n$ npx taro build --type qq --watch\n$ npx taro build --type qq<\/code><\/pre>\n<h2>\u5e38\u7528 CLI \u547d\u4ee4<\/h2>\n<p>\uff081\uff09\u67e5\u770b Taro \u6240\u6709\u547d\u4ee4\u53ca\u5e2e\u52a9<\/p>\n<pre><code>$ taro --help<\/code><\/pre>\n<p>\uff082\uff09\u73af\u5883\u53ca\u4f9d\u8d56\u68c0\u6d4b<\/p>\n<p><code>Taro<\/code>\u63d0\u4f9b\u4e86\u547d\u4ee4\u6765\u4e00\u952e\u68c0\u6d4b<code>Taro<\/code>\u73af\u5883\u53ca\u4f9d\u8d56\u7684\u7248\u672c\u7b49\u4fe1\u606f\uff0c\u65b9\u4fbf\u67e5\u770b\u9879\u76ee\u7684\u73af\u5883\u53ca\u4f9d\u8d56\uff0c\u6392\u67e5\u73af\u5883\u95ee\u9898\u3002<\/p>\n<pre><code>$ taro info<\/code><\/pre>\n<p>\uff083\uff09Taro Doctor<\/p>\n<p>Taro Doctor \u5c31\u50cf\u4e00\u4e2a\u533b\u751f\u4e00\u6837\uff0c\u53ef\u4ee5\u8bca\u65ad\u9879\u76ee\u7684\u4f9d\u8d56\u3001\u8bbe\u7f6e\u3001\u7ed3\u6784\uff0c\u4ee5\u53ca\u4ee3\u7801\u7684\u89c4\u8303\u662f\u5426\u5b58\u5728\u95ee\u9898\uff0c\u5e76\u5c1d\u8bd5\u7ed9\u51fa\u89e3\u51b3\u65b9\u6848\u3002<\/p>\n<pre><code>$ taro doctor<\/code><\/pre>\n<p>\uff084\uff09\u5feb\u901f\u521b\u5efa\u65b0\u9875\u9762<\/p>\n<p><code>taro create --name [\u9875\u9762\u540d\u79f0]<\/code>\u80fd\u591f\u5728\u5f53\u524d\u9879\u76ee\u7684pages\u76ee\u5f55\u4e0b\u5feb\u901f\u751f\u6210\u65b0\u7684\u9875\u9762\u6587\u4ef6\uff0c\u5e76\u586b\u5145\u57fa\u7840\u4ee3\u7801\uff0c\u662f\u4e00\u4e2a\u63d0\u9ad8\u5f00\u53d1\u6548\u7387\u7684\u5229\u5668\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CLI \u5de5\u5177\u5b89\u88c5 \u4f7f\u7528npm\u6216\u8005yarn\u5168\u5c40\u5b89\u88c5@tarojs\/cli # \u4f7f\u7528 npm \u5b89\u88c5 CLI $ n [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[328],"class_list":["post-1317","post","type-post","status-publish","format-standard","hentry","category-node","tag-taro"],"_links":{"self":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/1317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/comments?post=1317"}],"version-history":[{"count":0,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/1317\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/media?parent=1317"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/categories?post=1317"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/tags?post=1317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}