import{c as o,o as t,C as p}from"./vendor.870c33cc.js";const u={class:"markdown-body"},e=p('

小程序开发

安装

安装 Taro 脚手架

# 使用 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

值得一提的是,如果安装过程出现sass相关的安装错误,请在安装 mirror-config-china 后重试。

npm install -g mirror-config-china\n

检查是否安装成功

taro -v\n

项目初始化

使用命令创建模板:

taro init myApp\n

按照下方图片依次选择,选择 Vue3 + NutUI 模板

NPM 使用示例

import { createApp } from "vue";\nimport App from "./App.vue";\nimport NutUI from "@nutui/nutui";\nimport "@nutui/nutui/dist/style.css";\ncreateApp(App).use(NutUI).mount("#app");\n

注意:这种方式将会导入所有组件

推荐使用按需加载

import { createApp } from "vue";\nimport App from "./App.vue";\nimport { Button, Cell, Icon } from "@nutui/nutui";\nimport "@nutui/nutui/dist/style.css";\ncreateApp(App).use(Button).use(Cell).use(Icon).mount("#app");\n
',18),n={expose:[],setup:p=>(p,n)=>(t(),o("div",u,[e]))};export default n;