starttaro.d4ba10bb.js 1.7 KB

1
  1. import{c as o,o as t,C as p}from"./vendor.870c33cc.js";const u={class:"markdown-body"},e=p('<h1>小程序开发</h1><h2>安装</h2><ul><li>通过 Npm 或 Yarn 安装</li></ul><h4>安装 Taro 脚手架</h4><pre><code class="language-bash"># 使用 npm 安装 CLI\nnpm install -g @tarojs/cli\n\n# OR 使用 yarn 安装 CLI\nyarn global add @tarojs/cli\n\n# OR 安装了 cnpm,使用 cnpm 安装 CLI\ncnpm install -g @tarojs/cli\n</code></pre><blockquote><p>值得一提的是,如果安装过程出现sass相关的安装错误,请在安装 mirror-config-china 后重试。</p></blockquote><pre><code class="language-bash">npm install -g mirror-config-china\n</code></pre><h4>检查是否安装成功</h4><pre><code class="language-bash">taro -v\n</code></pre><h4>项目初始化</h4><p>使用命令创建模板:</p><pre><code class="language-bash">taro init myApp\n</code></pre><p>按照下方图片依次选择,选择 Vue3 + NutUI 模板</p><h4>NPM 使用示例</h4><pre><code class="language-javascript">import { createApp } from &quot;vue&quot;;\nimport App from &quot;./App.vue&quot;;\nimport NutUI from &quot;@nutui/nutui&quot;;\nimport &quot;@nutui/nutui/dist/style.css&quot;;\ncreateApp(App).use(NutUI).mount(&quot;#app&quot;);\n</code></pre><blockquote><p>注意:这种方式将会导入所有组件</p></blockquote><h2>推荐使用按需加载</h2><pre><code class="language-javascript">import { createApp } from &quot;vue&quot;;\nimport App from &quot;./App.vue&quot;;\nimport { Button, Cell, Icon } from &quot;@nutui/nutui&quot;;\nimport &quot;@nutui/nutui/dist/style.css&quot;;\ncreateApp(App).use(Button).use(Cell).use(Icon).mount(&quot;#app&quot;);\n</code></pre>',18),n={expose:[],setup:p=>(p,n)=>(t(),o("div",u,[e]))};export default n;