Browse Source

docs: starttaro

richard1015 4 years ago
parent
commit
ab078569a9
2 changed files with 67 additions and 0 deletions
  1. 5 0
      src/config.json
  2. 62 0
      src/docs/starttaro.md

+ 5 - 0
src/config.json

@@ -57,6 +57,11 @@
         "show": true
       },
       {
+        "name": "starttaro",
+        "cName": "小程序开发",
+        "show": true
+      },
+      {
         "name": "theme",
         "cName": "主题定制",
         "show": true

+ 62 - 0
src/docs/starttaro.md

@@ -0,0 +1,62 @@
+# 小程序开发
+
+## 安装
+
+* 通过 Npm 或 Yarn 安装
+
+#### 安装 Taro 脚手架
+
+``` bash
+# 使用 npm 安装 CLI
+npm install -g @tarojs/cli
+
+# OR 使用 yarn 安装 CLI
+yarn global add @tarojs/cli
+
+# OR 安装了 cnpm,使用 cnpm 安装 CLI
+cnpm install -g @tarojs/cli
+```
+
+> 值得一提的是,如果安装过程出现sass相关的安装错误,请在安装 mirror-config-china 后重试。
+
+``` bash
+npm install -g mirror-config-china
+```
+
+#### 检查是否安装成功
+
+``` bash
+taro -v
+```
+
+#### 项目初始化
+
+使用命令创建模板:
+
+``` bash
+taro init myApp
+```
+
+按照下方图片依次选择,选择 Vue3 + NutUI 模板
+
+#### NPM 使用示例
+
+```javascript
+import { createApp } from "vue";
+import App from "./App.vue";
+import NutUI from "@nutui/nutui";
+import "@nutui/nutui/dist/style.css";
+createApp(App).use(NutUI).mount("#app");
+```
+
+> 注意:这种方式将会导入所有组件
+
+## 推荐使用按需加载
+
+```javascript
+import { createApp } from "vue";
+import App from "./App.vue";
+import { Button, Cell, Icon } from "@nutui/nutui";
+import "@nutui/nutui/dist/style.css";
+createApp(App).use(Button).use(Cell).use(Icon).mount("#app");
+```