react
Войти

react

react

Перейти на страницу: Проекты


Описание:

Проект предназначен для подготовки к началу разработки Фронтенда

Среда разработки: Windows
Редактор: VSCode
Сборщик: Vite

Предварительные требования:

  • Должен быть установлен NodeJS
  • Должен быть установлен yarn


Шаг 1 - Инициализация и запуск

  1. Первичная инициализация
    1
    yarn create vite . --template react-ts
  2. Установка зависимостей
    1
    yarn
  3. Запускаем проект
    1
    yarn dev

Шаг 2 - Подготовка

  1. Удалим файл App.css
    1
    ri src/App.css
  2. Заменим содержимое файла /src/App.tsx на
    1
    2
    3
    4
    5
    6
    7
    const App = () => {
      return (
        <h1>Hello World!</h1>
      )
    }
    
    export default App;
  3. Создадим папку для стилей
    1
    ni src/styles -i directory
  4. Переместим в созданную папку styles файл index.css
    1
    mi src/index.css src/styles/index.css
  5. И обновим import в файле main.tsc
    1
    import './styles/index.css'
  6. Очистим файл index.css от стилей


Теги:
php