Как использовать vue.js в автономном режиме?
Привет, я получил веб-проект со всем уже реализованным HTML-кодом CSS js, каталогами, структурой проекта и т. д.
Мне нужно внести изменения в view.js, но у меня не всегда есть доступ к Интернету в дороге, поэтому есть ли способ продолжить этот проект локально, не меняя структуру моего проекта?
У меня уже есть веб-проект, файл которого содержит - HTML-страница -файл CSS -JS-файл Разместите в своих папках соответственно
Я хочу использовать view.js в этом проекте Проблема в том, что у меня не всегда есть доступ в интернет, когда я в пути. Итак, как мне использовать увиденное?
Знаю это:
- CDN — это скрипт, размещенный в HTML, требующий подключения для запуска просмотра.
-Vue CLI - это пакет, позволяющий генерировать новое представление проекта "уж точно вне конкуренции" Но я должен начать сначала Потому что структура каталогов и так уже предопределена, что меня не устраивает.
Как это работает?
Как просто добавить просмотр и продолжить проект без нулевого спреда?
Я уже установил node.js (npm) на свой компьютер, если это может помочь.
"-- ВКРАТЦЕ: Если вы все еще не понимаете Представьте, что вам доверили веб-проект, в котором уже настроен HTML CSS JS и т. д. И вы должны использовать VUE для внесения изменений зная, что в движении у вас не всегда есть связь
Как ты это делаешь?
Некоторые другие решения, такие как кэширование с помощью PWA, также вполне осуществимы, но мы точно не будем вдаваться в них на этом этапе.
Неясно, как связаны приложение Vue и остальная часть проекта. Обычный способ использования Vue — это SPA. Вы не сможете эффективно взаимодействовать между сценариями Vue и не-Vue, поэтому проблема в первую очередь в том, что вы видите это с неправильной точки зрения. Vue обычно используется с настройками Vue CLI или Vite, что заставляет вас использовать их структуру. В противном случае вы сами по себе, все, что вы увидите в учебниках и примерах кода, не будет применимо. Можно использовать Vue в так называемом режиме CDN, просто загрузив скрипт Vue на HTML-страницу и используя Vue global. Если он сохранен локально, его можно использовать в автономном режиме.
Ответы 1
Предполагая (я не могу сказать на 100% из вашего описания), что это нескомпилированная реализация, использующая CDN, вы можете легко справиться с этим, скопировав библиотеку vue локально и обновив html, чтобы использовать локальную версию вместо CDN .
если вам нужно сохранить html, вы можете использовать плагин для браузера, такой как requestly, но есть и много других. Там вы можете выбрать URL-адрес, который ведет к cdn, и заменить его локальным.
Другой вариант для браузеров на основе хрома — использовать локальные переопределения. Загрузка изображения в настоящее время не работает, поэтому добавить изображение нельзя, но эта опция доступна на вкладке «Источники» в инструментах разработчика. Вам нужно включить переопределение, выбрать папку, затем вы можете выбрать ресурс, который вы хотите обслуживать, из локального переопределения.
Не знал о запросе, похоже, хороший инструмент, спасибо
это условно бесплатно🤷♂️ и ограничивает количество запросов. Однако создать свой собственный плагин очень просто, большая часть сложности заключается в пользовательском интерфейсе.
Привет, пожалуйста, вырежьте 75% вашего вопроса здесь и оставьте только соответствующие части, пожалуйста. Разве вы не можете начать новый проект Vue и использовать пакеты NPM, чтобы все было локально? Здесь с вашей стороны требуется гораздо больше контекста + усилий.