Создание начального проекта

Завершено

Мы будем использовать начальный проект, чтобы начать писать код быстро. Стартер содержит минимальную структуру, необходимую для начала разработки приложения на React, используя Snowpack.

• Два файла
• Два пустых каталога

Клонирование репозитория и установка пакетов

1. Откройте терминал или командное окно и выполните следующие команды:

   # Linux or macOS
   git clone https://github.com/MicrosoftDocs/mslearn-react
   cd mslearn-react/code/0-starter
   
   # Windows
   git clone https://github.com/MicrosoftDocs/mslearn-react
   cd mslearn-react/code/0-starter
   

2. Установите необходимые пакеты с помощью следующей команды в том же окне терминала или командной строки:

   npm install
   

3. Откройте каталог в Visual Studio Code, выполнив следующую команду:

   code .
   

Исследовать начальное

Давайте рассмотрим папки и файлы в начальном проекте:

• package.json содержит список пакетов и скриптов:
  • Пакеты:
    • React для React
    • ReactDOM для монтирования нашего приложения внутри браузера
  • Сценарии:
    • начать запуска сервера разработки из Snowpack:
      • Он практически создает все ФАЙЛЫ JavaScript и HTML.
      • Он размещает и автоматически перезапускает сервер по мере изменения файлов.
    • сборка для генерации продакшен файлов для развертывания
• snowpack.config.js содержит базовую конфигурацию для Snowpack.
  • подключение создает два виртуальных каталога для нашего сервера Snowpack.
    • public содержит все статические файлы (например, HTML, CSS и изображения). Он размещается как /.
    • src содержит все файлы JSX и связанные файлы React. Он размещён под названием dist.
• общедоступный содержит все статические файлы.
• src содержит все файлы React.