npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

efi

v1.1.4

Published

The ely.flat installer and builder.

Downloads

74

Readme

efi · GitHub license npm version

Менеджер установки и сборки ely.flat.

1. Установка

Платформа ely.flat использует технологию NodeJS, поэтому ely.flat.installer может быть установлен через менеджер пакетов npm.

sudo npm install -g efi 

Если во время установки возникли ошибки, выполните:

sudo npm install -g efi --unsafe-perm=true --allow-root

Так установка пройдёт с правами администратора, что необходимо, потому что efi устанавливается как самостоятельное приложение.

Для корректной работы программы, её необходимо устанавливать как глобальный пакет. После чего в терминале будет доступна команда:

efi

Для использования cli версии, введите:

efi --help

2. Создание проекта

Откройте терминал и перейдите в нужную Вам директорию. Находясь в ней, введите команду:

efi

Откроется графическое представление efi. В самом низу окна убедитесь, что установлена именна та директория, в которой будет находится Ваше приложение.

Выполните первый пункт в основном меню - "INIT THE APP".

В рабочей директории будет сгенерировано несколько файлов:

  • app.js - главный файл Вашего приложения.
  • app.config.json - файл конфигурации приложения.
  • ely.flat.js - главный файл библиотеки ely.flat.

И директория build со следующим содержимым:

  • css - директория стилей.
  • css/efx.css - таблица стилей ely.flat.
  • css/efx.css.map - карта стилей ely.flat.
  • resources/fonts - шрифты, необходимые ely.flat.
  • js - директория скриптов.
  • js/index.js - главный JS файл Вашего приложения.
  • app.config.json - копия файла конфигурации проекта.

Содержимое директории build может быть выгружено на веб сервер и использоваться, как обычное pureJS веб-приложения, без es модулей.

Если хотите использовать CLI инициилизацию, ведите команды в терминале:

efi --init
efi --build

3. Разработка в реальном времени или "Сервер живого обновления"

Для максимально удобной и комфортной разработки Вы можете использовать технологию "Live Update Server".

###3.1 Подготовка Перейдите в конфигурацию Вашего приложения и активируйте манифест "useDevelopMode" (Использовать режим разработчика). Так, при обновлении файлов приложения, оно будет перезагружаться.

###3.2 Live update server В графическом представлении efi выберите четвертый пункт. Активируйте переключатель и нажмите "Открыть приложение".

###3.3 Профит! Отлично, всё готово. Теперь, когда Вы будете редактировать файл app.js, efi будет пересобирать Ваше приложение и Вы в реальном времени сможете отследить изменения. Вы также можете это сделать одновременно используя мобильные устройства, используя адрес компьютера в сети и порт 1580.

Если хотите использовать CLI, введите команду:

efi --server

На Вашем компьютере будет запущен веб-сервер по адресу:

http://localhost:1580

При изменении файла app.js в корне Вашего приложения, будет совершаться живой перезапуск веб-приложения.

5. Дополнительно

Для получения CLI справки, введите в терминале:

efi --help