Advertisement
  1. Web Design
  2. XAMPP

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

Scroll to top
Read Time: 1 min
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 L (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
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
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.