Настройка Android Phone для работы в Web Dev


Установите Termux и пакет Nodejs

Для целей данной демонстрации зайдите на сайт fdroid и скачайте Termux. Прокрутите страницу в самый низ и получите последнюю версию Termux APK.

Откройте Termux и запустите

$ pkg update && pkg upgrade

Установите nodejs

$ pkg install nodejs

Установите редактор Acode

Из Fdroid скачайте Acode

Acode способен читать внутреннюю и внешнюю память телефона.

Начните сборку вашего проекта

Откройте приложение Termux и введите

$ termux-setup-storage

Наберите ls

$ ls
storage
$
Войдите в полноэкранный режим Выйдите из полноэкранного режима

Вы увидите ссылку на папки под названием storage

Перейдите во внутреннее хранилище и создайте папку

$ cd storage/shared

Создайте папку проекта

$ mkdir project

Войдите в папку

$ cd project

Создайте свои файлы

$ touch index.html style.css

Если вы проверите внутреннее хранилище с помощью приложения «Файлы», вы увидите созданную папку под названием «Проект».

Используйте Acode для своего первого html-проекта

Перейдите в папку проекта

Откройте файл index.html

Введите html

Нажмите на сниппет html5

Добавьте viewport meta

<meta name="viewport" content="width=device-width, initial-scale=1">

Свяжите html и css


Перейдите к тегу <body> и вставьте его

<h1>My First Heading</h1>
<p>My first paragraph.</p>
Войдите в полноэкранный режим Выйти из полноэкранного режима

Перейдите к style.css и вставьте

h1{
color: red;
}

p{
color: blue;
}
Войти в полноэкранный режим Выйти из полноэкранного режима

Установка http-сервера

Чтобы увидеть наш первый проект, нам нужен http-сервер

Откройте termux, перейдите в папку project и введите

$ cd storage/shared/project

$ npx http-server

скопируйте указанный адрес для localhost, который я получил

http://127.0.0.1:8080

Вставьте в строку url хрома

Оцените статью
devanswers.ru
Добавить комментарий