Клон 101: Создание проекта (Nuxt.js)

Сегодня начну создание клона сайта а101.ru. Сайт очень хорош: он красив, функционален, удобен. Попытаюсь найти особенности frontend, с которыми я не сталкивался. 

   Для начала - настройка окружения для разработки.

   IDE - WebStorm от JetBrains. Обожаю эту среду.

   Основа - nuxt.js. Этот замечательный инструмент (nuxt.js), включающий в себя Vue, Vue Router, Vuex, Vue Server Render, Vue-Meta. То есть мы получаем настроенный Vue с элементами первой необходимости.

    Начинаю с создания проекта (работаем под Windows):

    npx create-nuxt-app    

    
Выбираем следующие настройки при установке:
? Project name: a101clone
? Programming language: JavaScript
? Package manager: Npm
? UI framework: Bootstrap Vue
? Nuxt.js modules: только Axios
? Linting tools: Eslint
? Testing framework: None
? Rendering mode: Single Page App
? Deployment target: Server (Noe.js hosting)
Немного жду...
Можно работать.

Комментарии

Отправить комментарий

Популярные сообщения из этого блога

Сброс счётчика неудачных попыток входа

Сброс счётчика неудачных попыток входа При определённом количестве неудачных попыток входа в систему пользователь блокируется. Для того, чтобы снять блокировку нужно: 1.  В загрузщике (grub) нажать кнопку e 2. Найти 3 снизу строчку (начинается с "linux ... ", заканчивается на "ro quiet splash" 3. Заменить ' ro quiet splash ' на ' init=/bin/bash ' 4. Нажать f10 : должна начаться загрузка консоли админа (#) 5. В консоли набрать: mount -o rw,remount /  (это приведёт к возомжности сохранения на диск) 6. Набрать: faillog  (будет показана таблица неудачных входов) 7. Набрать: faillog -r (это приведёт к сбросу счётчика неудачных входов) 8. Перезагрузить компьютер в обычном режиме
Далее...

python: магические (dunder) методы

      Магическими методами называются такие методы, которые позволяют добавить объекту некоторые функции (например, обращение по индексу, определение длины или пр.). Такие методы имеют в названии двойное подчеркивание в начале и в конце, от туда и второе название (dunder - double underscore (двойное подчёркивание по английски)) методы. Существуют следующие dunder методы: 1) Для бинарных операций: сложение, вычитание, умножение, деление, возведение в степень, логические действия (и, или), равенстов; 2) Для унарных операций: унарный плюс и унарный минус 3) Для создания и удаления классов: __new__, __init__, __del__. При создании объекта сначала вызывается new, затем init. Del вызывается тогда, когда будет удаляться объект. Не обязательно, когда будет вызван оператор del. __del__ всегда вызывается при завершении работы интерпретатора. 4) Для строкового представления: __str__ и __repr__. Задача функции repr - вернуть строковое представление, которое отражает уникальность  объекта, а задача
Далее...

Настройка ubuntu для сервера Nginx (python3.8)

1. Установка Python3.8 (не на замену основному) скачивание архива wget https://www.python.org/ftp/python/3.8.0/Python-3.8.0.tgz распаковка tar xzf Python-3.8.0.tgz установка зависимостей для сборки из бинарников: sapt-get install build-essential checkinstall apt-get install libreadline-gplv2-dev libncursesw5-dev libssl-dev \ libsqlite3-dev tk-dev libgdbm-dev libc6-dev libbz2-dev libffi-dev \ zlib1g-dev установка Python3.8 в систему cd Python-3.8.0 sudo ./configure --enable-optimizations sudo make altinstall 2. Установка uwsgi uwsgi необходим для обработки питоном запросов на сервер. Устанавливается он так: python3.8 -m pip install --upgrade pip python3.8 -m pip install uwsgi Проверить работоспособность uwsgi можно следующим образом: создаётся файл test.py # test.py def application ( env, start_response ) : start_response ( '200 OK' , [( 'Content-Type' , 'text/html' )]) return [ b "allo, eba, eto ti?" ] # python3 #
Далее...