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

Kezz Bracey Last updated Jul 29, 2015

Read Time: 1 min

() translation by (you can also view the original English article)

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

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

1. Prepros

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

В папке с вашим проектом запустите команду 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+.

Быстрое Знакомство с BrowserSync, туториал
Командная строка в Веб-дизайне: Live Reload и BrowserSync, туториал
Объясняем что такое Sudo
Файлы для данного туториала

XAMPP Prepros BrowserSync Gulp.js

Did you find this post useful?

Yes No

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.

Kezz Bracey

Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.