|
react
react
Перейти на страницу: Проекты
Описание:
Проект предназначен для подготовки к началу разработки Фронтенда
Среда разработки: Windows
Редактор: VSCode
Сборщик: Vite
Предварительные требования:
- Должен быть установлен NodeJS
- Должен быть установлен yarn
Шаг 1 - Инициализация и запуск
- Первичная инициализация
1
| yarn create vite . --template react-ts |
- Установка зависимостей
- Запускаем проект
Шаг 2 - Подготовка
- Удалим файл App.css
- Заменим содержимое файла /src/App.tsx на
1 2 3 4 5 6 7
| const App = () => {
return (
<h1>Hello World!</h1>
)
}
export default App; |
- Создадим папку для стилей
1
| ni src/styles -i directory |
- Переместим в созданную папку styles файл index.css
1
| mi src/index.css src/styles/index.css |
- И обновим import в файле main.tsc
1
| import './styles/index.css' |
- Очистим файл index.css от стилей
|