從零搭建React Native專案

2021-10-03 07:15:03 字數 1419 閱讀 1238

reat native專案搭建,跟著官網文件——搭建環境,其實不難,不過新手可能還是會有些地方,覺得難理解,所以,寫個部落格,希望第一次用reat native的小夥伴,可以節省點時間,快速搭建專案,跑起hello word

開發平台是windows,目標平台是android,

1.安裝依賴有:node、python2、jdk 和 android studio、yarn。

這裡,文件建議node換**映象,我並沒有換,但也不覺得慢,小夥伴可以試試,換了會不會快一些

然後,python2,如果已經裝了python3,可以再裝乙個python2,這兩個版本是可以共存並切換使用的,可以參考:

2.搭建好環境,就可以建立專案了,win+r 開啟命令列,進入你想要存放專案的檔案路徑,比如我的專案存放在g:\myproject\rn-demo,然後輸入命令: npx react-native init awesomeproject ,建立乙個名為awesomeproject的reat native專案,

如果報錯yarn有問題,則需要設定一下,再重新輸入命令建立,即可

報錯:

解決:

完成:

3.接下來,是編譯並執行reat native專案

注意,執行前需要先在andorid studio,開啟安卓手機模擬器,再在命令列:yarn android,執行專案

4.寫出hello word

import react,  from 'react';

import from 'react-native';

render()

}const styles = stylesheet.create(,

content: ,

});

效果:

vue 從零搭建專案

本地開發需要哪些工具 node.js 4.x,6.x preferred 以及npm包管理器。可以使用國內 的cnpm webpack前端構建工具,將vue 模板編譯打包處理的工具 webpack是當下最熱門的前端資源模組化管理和打包工具,它可以將很多鬆散的模組按照以來以及一定的規則打包成符合生產環...

從零搭建react專案

1,新建乙個空白資料夾 本文的資料夾boke cd到該目錄,開始初始化,這裡用yarn yarn init 或者 npm init y一路enter之後會生成乙個package.json檔案,內容如下 keywords author license isc 2,安裝webpack,為了避免出現不可知...

從零搭建docker服務

docker是以乙個開源的虛擬化部署工具,能夠讓人從繁雜的專案部署及管理中解脫出來 docker從入門到實踐 之前公司全部用的手動後台啟動,包括內部服務和所用的元件 mysql,redis等 環境多了之後難以管理,出現了而很多痛點。後來決定採用docker改變現狀。docker docker com...