4

В Adobe Brackets есть функция предварительного просмотра, которая позволяет мне просматривать веб-страницу HTML, пока я работаю с файлами .css и .html.

Сейчас я начинаю работу над сайтом WordPress, который включает в себя файлы .html , .css , .js и .php . Как я могу вживую просмотреть веб-сайт WordPress, используя Brackets?

|источник

3 ответа3

3

Я думаю, что я нашел решение для этого!

Вы можете установить базовый URL Live Preview в настройках вашего проекта. Когда Brackets пытается просмотреть страницу, он загрузит имя и путь к файлу в вашем проекте текущего файла, добавленного в конец этого базового URL.

Проблема с WordPress заключается в том, что путь и имя файла php-файла, над которым вы работаете в своем проекте, редко каким-либо образом связаны с URL-адресом, к которому вы будете обращаться для выполнения этого кода и просмотра страницы шаблона.

Итак, что нам делать, если мы хотим, чтобы наш сервер обслуживал страницу, отличную от той, которую запрашивал браузер? Перезапись URL!

Я установил свой базовый URL в скобках на http://server.dev/theme/ а затем создал файл .htaccess для Apache на моем сервере разработки. Вот пример:

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteRule theme/archive.php "/?m=201510"
    RewriteRule theme/ "/"
    RewriteRule theme/header.php "/"
    RewriteRule theme/footer.php "/"
    RewriteRule theme/page.php "/?page_id=16080"
    RewriteRule theme/search.php "/?s=asdf"
    RewriteRule theme/sidebar.php "/"
    RewriteRule theme/single.php "/?p=16247"
</IfModule>

Как видите, вам нужно выбрать несколько произвольных запросов страниц для некоторых файлов, которые вы будете редактировать.

Конечно, есть много других проблем с рабочим процессом и обновлением, по крайней мере, при тестировании на Brackets 1.5, но это решает одну большую проблему использования Live Preview для Brackets для WordPress.

|источник
2

Вы можете использовать Live Preview со своим собственным бэкэндом (например, сервером WordPress), но он поставляется с некоторыми оговорками:

  • Вам нужен сервер, работающий локально, указывающий на ту же папку, которую вы открыли для редактирования в скобках
  • Обновление HTML в реальном времени отключено - хотя вы все еще получаете обновление CSS в реальном времени (и выделение селектора). Скобки возвращаются к простой "живой перезагрузке" при редактировании HTML, PHP или других файлов.

В документации есть более подробная информация: https://github.com/adobe/brackets/wiki/How-to-Use-Brackets#lp-custom-server.

|источник
0

Я хотел бы, чтобы вы могли, однако функция предварительного просмотра в Brackets, похоже, построена на статичном рабочем процессе. Там нет никакой поддержки для предварительного просмотра любых динамических языков и, насколько я знаю, также не планируется добавлять его.

Это тоже позор, потому что это делает приложение совершенно бесполезным для меня. :-/

|источник

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .