Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 16.09.2022
Сообщений: 14

phpstorm настройка path autocomplete

17.09.2022, 22:39. Показов 714. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет.
Использую в работе phpstorm и увидел в интернете как один парень в vccode в поставив плагин path autocomplete, прописал правила в settings.json которые просто указывают в данном проекте корень, при условии что это касается файлов с указанным расширением.

В чем суть:
Например вы ведете разработку в сборщике и у Вас файл index.html собирается с разных файлов (head.html, footer.html, header.html) и все класно, но если Вам нужно прописать путь к изображению то редактор Вам любезно будет подсказывать путь к фалу относительно текущего расположения, а при сборке путь то будет уже другой.

Что делает правило в settings.json для path-autocomplete:
Если указана команда, к примеру $file/ и если предполагается изображение то начнётся подсказка пути с указаного каталога. На самом деле очень удобно, так как эта фича не только для html. Очень удобно.

Кто пользуется VScode и сборщиком типа Gulp то знает о чем я говорю.
Можно ли такую фичу реализовать в редакторе PHPStorm

Заранее благодарен, сори может заковыряно объяснил .... как мог )))
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
17.09.2022, 22:39
Ответы с готовыми решениями:

PhpStorm. Настройка
Подскажите, как можно настроить стили css, чтобы свойства были в один ряд, для удобства, типа этого: header { margin: 0 auto; ...

Настройка PHPStorm
Всем привет! Ребят! Может кто подсказать (желательно, пошагово) с настройками PHP Storm 2017? Либо, может, дать ссылку на обучающее...

Настройка xDebug PHPStorm
у меня слетел xdebug и все остальные программы, сейчас начал устанавливать и снова ошибка при вставке в корневой файл C:\php\ext файла...

4
Молодой техлид)
Эксперт JSЭксперт HTML/CSS
 Аватар для mr_dramm
1818 / 1056 / 329
Регистрация: 17.07.2021
Сообщений: 2,147
Записей в блоге: 14
18.09.2022, 12:34
Цитата Сообщение от Serhii Prudkyi Посмотреть сообщение
а при сборке путь то будет уже другой.
смотря как собираете, например webpack сам подхватит файлы в вашем проекте и создаст в dist папку по указанным правилам. Подробнее
0
0 / 0 / 0
Регистрация: 16.09.2022
Сообщений: 14
18.09.2022, 12:58  [ТС]
Видимо речь не об этом. Gulp так же все прекрасно подхватывает и создает что где нужно. Но вот дело в путях. Например есть такая структура:
- index.html
- каталог img
- каталог html

В каталоге html файлы:
- head.html
- footer.html

Если пишешь в файле index.html то все ОК с путями
<img src="здесь будет верный относительный путь в сборке"/>
НО! Если пишешь в файле footer.html то редактор будет предлагать другой путь, который он видит, что будет не верным в dist сборке.
<img src="здесь будет НЕ верный относительный путь в сборке"/>

Видел как парень настраивал алиасы в vccode так что когда исходниках пути одни, верны для их текущего размещения, то в сборке пути уже другие, верны их текущего размещения.
Использовал плагин path-autocomplete, а алиасы прописал в файле настроек vscode settings.json
0
Молодой техлид)
Эксперт JSЭксперт HTML/CSS
 Аватар для mr_dramm
1818 / 1056 / 329
Регистрация: 17.07.2021
Сообщений: 2,147
Записей в блоге: 14
18.09.2022, 16:26
Цитата Сообщение от Serhii Prudkyi Посмотреть сообщение
Gulp
прочитал по диагонали не заметил галп

Не могу найти npm / github / guide path-autocomplete...

Но есть подозрение на то что не в той последовательности применяются плагины

Еще вопрос что применяется для сборки html файлов?

Лучше выложите сюда gulpfile.js
0
0 / 0 / 0
Регистрация: 16.09.2022
Сообщений: 14
18.09.2022, 16:45  [ТС]
Цитата Сообщение от mr_dramm Посмотреть сообщение
Еще вопрос что применяется для сборки html файлов?
JavaScript
1
2
3
import fileInclude from "gulp-file-include";
import webpHtmlNosvg from "gulp-webp-html-nosvg";
import versionNumber from "gulp-version-number";
Цитата Сообщение от mr_dramm Посмотреть сообщение
Лучше выложите сюда gulpfile.js
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
// main module
import gulp from "gulp";
// import tracks
import { path } from "./gulp/config/path.js";
// task import
import { copy } from "./gulp/tasks/copy.js";
import { reset } from "./gulp/tasks/reset.js";
import { html } from "./gulp/tasks/html.js";
import { server } from "./gulp/tasks/server.js";
import { scss } from "./gulp/tasks/scss.js";
import { js } from "./gulp/tasks/js.js";
import { images } from "./gulp/tasks/images.js";
import { svgSprive } from "./gulp/tasks/svgSprive.js";
import { otfToTtf, ttfToWoff, fontsStyle } from "./gulp/tasks/fonts.js";
import { zip } from "./gulp/tasks/zip.js";
import { ftp } from "./gulp/tasks/ftp.js";
// import generic plugins
import { plugins } from "./gulp/config/plugins.js";
// we transfer the value to the global variable
global.app = {
    isBuild: process.argv.includes('--build'),
    isDev: !process.argv.includes('--build'),
    path: path,
    gulp: gulp,
    plugins: plugins
}
 
// watcher for changes in src files
function watcher() {
    gulp.watch(path.watch.html, html);
    gulp.watch(path.watch.files, copy);
    gulp.watch(path.watch.scss, scss);
    gulp.watch(path.watch.js, js);
    gulp.watch(path.watch.images, images);
}
 
export { svgSprive }
 
// sequential processing of fonts
const fonts = gulp.series(otfToTtf, ttfToWoff, fontsStyle);
 
// specifying task performance scenarios
const mainTasks = gulp.series(fonts, gulp.parallel(copy, html, scss, js, images));
const dev = gulp.series(reset, mainTasks, gulp.parallel(watcher, server));
const build = gulp.series(reset, mainTasks);
const deployZIP = gulp.series(reset, mainTasks, zip);
const deployFTP = gulp.series(reset, mainTasks, ftp);
 
// export scripts
export { dev }
export { build }
export { deployZIP }
export { deployFTP }
 
// execution of the task by default
gulp.task('default', dev);
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
18.09.2022, 16:45
Помогаю со студенческими работами здесь

Настройка и подключение PhpStorm к бд
Добрый день! Использую вот такой скрипт для проверки подключения к mysql $link = mysqli_connect('http://192.168.1.2', 'root', '',...

Node.js + phpStorm настройка
Здравствуйте. Установил node.js, в настройках ide phpStorm &quot;Node.js and NPM&quot; выставил интерпретацию к node.js. После перезапуска в...

Настройка autocomplete c кроссдоменным ajax запросом
Пытаюсь настроить autocoplete c кроссдоменным ajax запросом. Запрос отправляется на другой домен, в ответ приходят данные в формате JSON...

Могучий Phpstorm и его настройка
Привет, гуру. Хочу перейти на PhpStorm и мучаюсь с настройками. Подключила php.ini, вроде нормально. С ксампа мои проекты открываются, со...

phpStorm. настройка web-server(Denwer)
Всем доброго времени суток! Как настроик phpStorm так, что бы запускать скрипты простым нажатием кнопки &quot;Run&quot;. Я...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru