Рубрики
Без рубрики

Построить сайт Vue.js в 4 шага

4 Учебном погашении о том, как поднять существующую кодовую базу и постройте свое собственное веб-приложение Vue.js.

Автор оригинала: Carson Gibbons.

Многие разработчики, которые хотят построить приложение, не нужен полный двигатель/либарий для его выполнения. Подобно Angularjs, Vue.js – это не «полнодушенная рамка» – она предназначена для того, чтобы быть просмотром простым и гибким для приложений и веб-сайтов, модель данных которых проста и совпадает с более внимательной образом, что из слоя презентации приложения.

В этом блоге я покажу вам, как подобрать существующий пример кодовой базы для создания собственного красивого веб-сайта Vue.js/nuxt.js. Космические JS имеет пример Vue Универсальный сайт построен с использованием рамки NUXT.JS. Он был адаптирован Себастьем Шопеном из Next.js сайт что космические js статуют месяц назад. Код обделяется между клиентом и сервером, делающим разработку Breeze. Добавьте Cosmic Contage Content Content, и вы принимаете свой веб-сайт на уровень NUXT.JS.

1 * qgpzrlvsp8w03wiqwza4dq.png.

Я буду использовать Космические JS Для этого примера блога. Cosmic JS – это API-первая CMS, которая делает управление и строить веб-сайты и приложения быстрее и более интуитивно понятным. Ослабляющим содержанием от кода Cosmic JS обеспечивает гибкость разработчиков при обеспечении того, чтобы редакторы контента могут планировать и развернуть контент, как лучше всего подходит. Мы будем использовать Cosmic JS, чтобы установить наше приложение, развернуть и сделать обновления контента, двигаться вперед из платформы управления контентом на основе облаков.

0 * u5ycep2-07b3grtn.png.

Если вы еще этого не сделали, начните Подписание для космических js. Полезные ресурсы приведены ниже для оптимизации ваших операций разработки.

Страница сайта nuxt.js

Nuxt.js сайт демонстрация

NUXT.JS Сайт кодовой база на Github

1.Креата новое ведро

Имя вашего ведра – это имя вашего сайта, проекта, клиента или веб-приложения, которое вы строете. Я назвал мою «Vue.js», чтобы оставаться кратким для нашего примера блога.

0 * kzavtyxkgxd-tege.png

2. Вставьте сайт Cosmic JS NUXT.JS

0 * 3-ulhg-yvbbhozqn.png

Как только вы зарегистрировались и назвали ваше ведро, вам будет предложено начать с нуля или «увидеть некоторые приложения». Для этого блога я просто нажал на правую кнопку, чтобы «увидеть некоторые приложения», чтобы я мог начать процесс установки для веб-сайта NUXT.JS.

Параметры установки приложения

0 * cbudhlj4_tjbkaie.png.

Cosmic JS дает вам возможность фильтровать между языками программирования, такими как Node.js, php, raction, angularjs и многое другое.

0 * jzo-j1xyokcnk7uk.png

Просто нажмите «Установить» под значком веб-сайта NUXT.JS, чтобы начать работу или посетить страницу Cosmic JS.

0 * 1ihdq6dtqkvo6y6i.png.

3. Развертывание в Интернет

0 * wey3ktboyzr23fqd.png.

Я нажал «Развертывание в Интернете». Затем я могу редактировать объекты, пока мое веб-приложение развертывается. Вы получите электронное письмо, подтверждающее развертывание вашего веб-приложения. Если вы столкнулись с любыми проблемами во время развертывания, вы можете направить на страницу по устранению неполадок Cosmic JS.

Подтвердите развертывание местоположения и ветви

0 * 0javwuhwsvgn5h6t.png.

Я рисую из репо, моя ветвь уточняется, и у меня развернутое местоположение, которое соответствует моему имени слизняка/ведра, которое я сделал на шаге 1.

4. Редактировать глобальные объекты

0 * q0xoxn242z_cugdi.png.

Редактирование – это мечта сбылась в приборной панели Cosmic JS. Подробнее о Cosmic JS пользовательские роли и разрешения, читать Управление пользователями, которые управляют контент Отказ

Это так же просто, как подписаться, создавая новое ведро, устанавливая веб-приложения, редактировать объекты и развернуть! Я получаю подтверждение по электронной почте для доступа к моему веб-приложению, а также увидеть мои параметры для обновлений ведра, таких как пользовательские домены, один щелчок SSL, веб-каучуки и локализация. Смотреть все Cosmic JS Особенности Отказ

Космические JS Является ли API-первая облачная платформа управления контентом, которая позволяет легко управлять приложениями и контентом. Если у вас есть вопросы о Cosmic JS API Пожалуйста, обратитесь к основателям на Twitter или Слабый Отказ

Этот учебник был первоначально опубликован автором здесь .