Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. XAMPP

Превью Локального Сайта, Три Способа, за 60 Секунд

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
HTTP Status Codes in 60 Seconds
Color for Attention and Depth in 60 Seconds

Russian (Pусский) translation by Anton Lisovsky (you can also view the original English article)

Вот три способа настроить превью веб-сайта расположенного на вашем компьютере, за 60 секунд! Для начала посмотрим на Prepros. Затем мы используем BrowserSync вместе с Gulp. И наконец XAMPP.

Способы Првеью Локального Сайта

1. Prepros

Установите Prepros для вашей ОС, затем запустите его. Перетащите директорию с вашим проектом в интерфейс Prepros. Кликните правой кнопкой мыши по имени проекта и выберите Open preview.

2. BrowserSync

В папке с вашим проектом запустите команду npm init, после чего установите BrowserSync и Gulp sudo npm install gulp browser-sync --save-dev. Создайте файл gulpfile.js с соответствующим кодом (данные файлы помогут вам в этом). Запустите команду gulp browser-sync.

3. XAMPP

Для проектов, которые используют PHP, установите XAMPP для вашей ОС. Положите  «файлы вашего проекта» в директорию XAMPP'а «htdocs», запустите XAMPP, должны работать Apache и MySQL.

В браузере перейдите по адресу localhost/файлывашегопроекта. На этом всё!

Полезные ссылки

Узнайте больше о том, как запустить веб-сайт локально на Envato Tuts+.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.