Установка Expo в Visual Studio Code
Terminal > New Terminal
npm i -g expo-cli
npm пакетный менеджер
i install или инстализация
-g установка фреймворка Expo глобально на компьютер
Создание проекта в EXPO
expo init [NAME]
cd f:\path переход к папке, в которой создаётся проект на основе EXPO
init инициализация проекта
[NAME] имя проекта
шаблон для проекта
blank [km_showhide] пустой проект [/km_showhide]
blank(TypeScript) [km_showhide] проект на основе TypeScript [/km_showhide]
tabs (TypeScript) [km_showhide] проект на основе TypeScript [/km_showhide]
установка всех библиотек [km_showhide] которые объявлены в package.json [/km_showhide]
npm install
запуск проекта
npm start [km_showhide] запустить проект полностью [/km_showhide]
npm run android [km_showhide] запустить проект на android [/km_showhide]
npm run ios
npm run web
Состав Проекта
App.js
import React from ‘react’;
import {Text,View} from ‘react-native’;
export default function App() {
return (
<View>
<Text>Hello World!</Text>
</View>
);
}
— подключаем классы, компоненты (Text,View) из react-native
— функция App описывает отображение
Assets [km_showhide] папка хранит img файлы (иконки, шрифты и т.д.) [/km_showhide]
node_modules [km_showhide] содержит все пакеты для проекта [/km_showhide]
.gitignore [km_showhide] содержит файлы, которые будут проигнорированы, если проект погружается в репозиторий [/km_showhide]
App.json [km_showhide] описывает характеристики, относительно вашего проекта (имя,версия,ориентация) [/km_showhide]
package-lock.json [km_showhide] описание зависимостей в проекте [/km_showhide]