來源：京東技術

導讀

本指南為開發者提供了使用 Taro 框架開發鴻蒙原生應用的快速入門方法。Taro，作為一個多端統一開發框架，讓開發者能夠使用一套程式碼同時適配多個平臺，包括鴻蒙系統。文章將詳細介紹如何配置開發環境，以及如何利用 Taro 的特性和元件庫來構建鴻蒙應用。從基本的專案設定到複雜的應用邏輯開發，本文將一步步引導開發者瞭解 Taro 在鴻蒙應用開發中的實際應用，快速掌握跨平臺開發的技巧。

npm i -g @tarojs/cli@beta

$ npm i vite@^4.2.0$ npm i terser@^5.4.0$ npm i @tarojs/vite-runner@beta

如果安裝失敗或開啟專案失敗，可以刪除 node_modules、yarn.lock、package-lock.json 後重新安裝依賴再嘗試。

$ npm i @tarojs/plugin-platform-harmony-ets@beta

config = {  // 配置使用外掛  plugins: ['@tarojs/plugin-platform-harmony-ets'],  // harmony 相關配置  harmony: {    // 將編譯方式設定為使用 Vite 編譯    compiler: 'vite',    // 【必填】鴻蒙主應用的絕對路徑，例如：    projectPath: path.resolve(process.cwd(), '../MyApplication'),    // 【可選】HAP 的名稱，預設為 'entry'    hapName: 'entry',    // 【可選】modules 的入口名稱，預設為 'default'    name: 'default',  },}

{  //...  "requestPermissions": [    {      "name": "ohos.permission.VIBRATE"    },    {      "name": "ohos.permission.GET_WIFI_INFO"    },    {      "name": "ohos.permission.GET_NETWORK_INFO"    },    {      "name": "ohos.permission.SET_NETWORK_INFO"    },    {      "name": "ohos.permission.INTERNET"    },    {      "name": "ohos.permission.GET_BUNDLE_INFO"    },    {      "name": "ohos.permission.LOCATION"    },    {      "name": "ohos.permission.APPROXIMATELY_LOCATION"    },    {      "name": "ohos.permission.LOCATION_IN_BACKGROUND"    }  ]}

"scripts": {    "build:harmony": "taro build --type harmony",    "dev:harmony": "npm run build:harmony -- --watch"}