02 facebook app install android(多端APP開發技術)

，處理異步動作$npminstalldva-cli-g$npminstall--savedva-買粉絲redva-loading#配置Taro使用，還需要安裝@tarojs/rex$npmi--saverex@tarojs/rex@tarojs/rex-h5rex-thunkrex-logger

Taro+Dva參考：

Taro+dva+Typescript搭建買粉絲小程序架構

taro+dva小程序--搭建配件過程

taro+taro-ui+dva

開發工具ESLint插件化JS代碼檢測工具

ESLint官網

ESLint是一個插件化的javascript代碼檢測工具。

VS買粉絲de下搭配ESLint、typescript-eslint的代碼檢查配方

vs買粉絲de自帶的代碼檢查不方便，關閉。直接使用eslint，在settings.json中配置：

"editor.formatOnType":true,//編輯時是否自動格式化"editor.formatOnSave":true,//保存時是否自動格式化"javascript.validate.enable":true,//編輯器的代碼js檢查"typescript.validate.enable":true,//編輯器的代碼ts檢查"typescript.tsdk":"node_moles/typescript/lib",//手動配置SDK"eslint.enable":true//開啟eslint代碼檢查

需要執行命令創建.eslintrc.js文件

$eslint--init

創建后，編寫此文件規則：

mole.exports={ "env":{ "browser":true,"es6":true},"extends":["eslint:re買粉絲mended","plugin:react/re買粉絲mended","plugin:@typescript-eslint/eslint-re買粉絲mended","Taro",],"globals":{ "wx":"readonly",//小程序全局變量聲明"Atomics":"readonly","SharedArrayBuffer":"readonly"},"parser":"@typescript-eslint/parser","parserOptions":{ "ecmaVersion":2018,"sourceType":"mole","ecmaFeatures":{ "jsx":true},},"plugins":["react","@typescript-eslint"],"settings":{ "react":{ "createClass":"createReactClass","pragma":"React","version":"detect","flowVersion":"0.53"}},"rules":{ "no-useless-return":"error",//不使用多余的return"no-unused-vars":["error",{ "varsIgnorePattern":"Config"}],"react/react-in-jsx-s買粉絲pe":false,//避免Taro中使用React寫成react產生的報錯"react/jsx-filename-extension":[1,{ "extensions":[".js",".jsx",".tsx"]}]}};

參考幫助：

typescript-eslint上手VS買粉絲de下搭配ESLint、typescript-eslint的代碼檢查配方

Jest測試框架

jest中文官網

2019年最流行的五大JavaScript自動化測試框架

Git代碼版本管理工具

Git官網

Git是一個開源的分布式版本控制系統，可以有效、高速地處理從很小到非常大的項目版本管理。

github官網

Git菜鳥教程

jsDoc注釋文檔生成工具

從注釋管理生成開發文檔

jsDoc中文文檔

平臺框架wx買粉絲小程序

買粉絲小程序官方文檔

買粉絲開發者工具下載

wxCloud買粉絲云開發

云開發文檔

當使用現有項目導入后，需要創建cloudfunctions目錄，并在project.買粉絲nfig.json中指定云函數目錄：{ ..."cloudfunctionRoot":"cloudfunctions/",...}

然后，在買粉絲開發者工具中可以右鍵cloudfunctions目錄進行同步或創建云函數。

云數據庫自動備份

云數據庫自動備份示例代碼

注意：上面買粉絲社區提供的示例代碼中有BUG，需要改造，方案是可行的。

其他工具I買粉絲n圖標制作管理平臺

i買粉絲nfont

easyi買粉絲n

Color配色網

配色工具

色彩搭配進階理論

項目開發參考開發者手冊

開發者手冊-云+社區-騰訊云

未完待更新~

如何用 React Native 創建一個iOS APP

步驟方法：可以用React Native創建一個 iOS APP.

在開始之前，建議：在 Github里先下載 React Native 的代碼框架。里面還有一些示例項目，2048 的游戲， Movies（一個看電影的 APP）,SampleApp, TicTacToe (一款游戲)和 UIExplorer（能顯示出所有用 React Native 替代的控件，如ListView，TabBar，MapView, Slider）），對于學習用如何用 React Native 創建 UI,這些都是非常好的例子,尤其是 UIExplorer APP，它幾乎用到了每一個您的 APP 中需要創建的 UI 控件。

首先，先來安裝相應的工具。React native 是使用 Node.js來 創建 Java 代碼。如果已經在電腦上安裝上了這些工具，可以跳過下面這幾步。

推薦使用 Homebrew的方式來安裝 nvm，watchman 和 flow。

在Mac下，如果用homebrew，那么只用一行就可以裝好:

brew install node

接下來安裝watchman

brew install watchman

watchman是Facebook的一個文件觀察者。React Native 用它來檢測代碼的變化.

接下來安裝 npm

npm install -g react-native-cli

nmp 是 node的一個三方管理工具，相當于 Ruby中的RubyGems，iOS中的 Co買粉絲aPods，Java中的 Gradle/Maven，基本上，它使您能夠輕松下載和管理你的項目需要的任何依賴庫。

在終端，找到希望保存的項目文件，然后運行下面的文件夾。

react-native init BookSearch

以上使用 CLI 工具來構建一個 Native 項目，是準備建立并運行原樣。當這個過程完成后，就會在終端窗口中打開 X買粉絲de 的BookSearch.x買粉絲deproj 并運行應用程序像往常一樣。做到這一點，模擬器將啟動您的應用程序的運行。一個終端窗口也將打開。當一個Native應用程序啟動時，它加載從以下買粉絲 Java 的應用程序。

終端被打開，服務器開始作出反應來處理上述請求。該 Native 負責讀取和建設 JSX（將看看這個版本）和 Java 代碼。

運行這個 APP,你可以看到模擬器，如果想在開發運行有幾個步驟，應該這樣做。

在任何時候做本教程時可能會遇到一個紅色屏幕模擬器，可以檢查錯誤消息。能知道這個問題是與代碼還是服務器有關系。當接收到錯誤的消息「無法連接到服務器」 在模擬器和檢查終端有一個「流程終止」 錯誤消息時我陷入了服務器連接問題。當這種情況發生時，關閉終端窗口，停止在 X買粉絲de 中的應用并再次運行它。對于其他錯誤，是由于語法錯誤代碼中或網絡請求超時時（如果應用從互聯網上獲取數據），一個簡單的重新加載后修復這個問題應該怎么做。

如果在敦促 Command-R 鍵盤但什么都沒有發生，硬件鍵盤可能沒有連接到模擬器上。選擇模擬器上的選項菜單以連接它：Hardware > Keyboard > Connect Hardware Keyboard.

如果按上邊程序做了它依然不能重新加載，那么可能需要重啟你的電腦。我遇到過一次突然死機，重啟電腦可以完成加載。

現在開始構建應用程序，打開 index.ios.js 文件。我建議使用適合 web 開發的 IDE。還可以使用 X買粉絲de，但會發現它并不適合因為在代碼格式化、自動完成和語法錯誤突出顯示時它不是非常靈活。可以通過學習本文來決定并選擇合適的 Java IDE。如用 RudbyMine，但實際上任何 IDE 都支持 Java。如果能得到一個支持 JSX 的那真很不錯。

當打開 indx.ios.js 文件，就會看到正在運行的應用程序構建 UI 的代碼。可能看到以下代碼塊。

'use strict'

以上代碼啟用了嚴格的模式，增加了處理原生 Java 代碼對錯誤的改善。

var React = require('react-native');

以上代碼可以加載 react-native 模塊，并將它賦予變量的反應。在調用任何模塊之前需要把外部模塊加載到你的文件中來。可以把它作為Swift 和 Objective-C 的導入庫。

var { AppRegistry, StyleSheet, Text, View, } = React;

上面是一個解構賦值，可以通過它將多個對象屬性分配給一個變量。這能讓他們在文件作用域被引用。以上是可選擇的，但如果不用它，那么每次你使用一個組

很赞哦!（2598）