Руководство по разработке интерфейса в автономном режиме

Node.js внешний интерфейс Yarn NPM
Руководство по разработке интерфейса в автономном режиме

В последнее время, поскольку наши продукты не могут удовлетворить некоторые потребности клиентов, нам необходимо перейти на сайт заказчика для индивидуальной разработки.

Однако клиенту запрещено подключаться к Интернету на месте, и он может только копировать исходный код и инструменты. Вот в чем проблема, наш проект основан на онлайн-модели управления пакетами npm, поэтому он приносит много проблем.

В этой статье в основном рассказывается, как создать автономную среду разработки.

Необходимые инструменты:

  • установочный пакет nodejs
  • установочный пакет vscode
  • Пакет установки плагина vscode
  • установочный пакет пряжи
  • пакет кэша пряжи
  • Исходный пакет проекта

Подготовка (в сетевом окружении)

Загрузите установочные пакеты nodejs, vscode, yarn с официального сайта.

расширение vscode

Поскольку ссылка для загрузки не может быть найдена на официальном сайте VSCode, ссылка на загрузку должна быть разделена вместе. Сделайте более широкий плагин в качестве примера:

Исходный URL-адрес:

https://${publisher}.gallery.vsassets.io/_apis/public/gallery/publisher/${publisher}/extension/${extension name}/${version}/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

${publisher} ${extension name} ${version}для переменной.

Откройте более красивую страницу плагина:

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

В соответствии с приведенным выше URL-адресом извлеките значение itemName esbenp.prettier-vscode.

введите исходный адрес в${publisher}заменитьesbenp,${extension name}заменитьprettier-vscode, найдите на веб-странице номер версии 1.6.1, поставьте${version}заменять.

Окончательный адрес загрузки симпатичного:

https://esbenp.gallery.vsassets.io/_apis/public/gallery/publisher/esbenp/extension/prettier-vscode/1.6.0/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

После скачивания укажите имя файлаMicrosoft.VisualStudio.Services.VSIXPackageпревратиться вprettier.vsix.

Таким же образом загрузите другие плагины.

пакет кэша пряжи

пряжа предоставляет вам возможность работать в автономном режиме. Если вы уже устанавливали пакет раньше, вы можете установить его снова без подключения к сети, это предпосылка.

Сначала удалите кеш всех установок пряжи на вашем компьютере:

yarn cache clean 

Откройте исходный код проекта и установите зависимости, связанные с проектом, с помощью команды yarn (не используйте глобальную установку, например webpack):

yarn

После завершения установки все зависимости будут установлены в папку кеша.

Получить адрес папки кэша:

yarn cache dir

Сожмите файл кеша и назовите его yarn_cache.zip.

С тех пор подготовительная работа завершена.

Реализация (без сетевого окружения)

Установите последовательно nodejs, yarn, vscode.

Установите плагин vscode.

Возьмем в качестве примера более красивый плагин:

Открываем cmd, заходим в папку куда красивее, выполняем:

code --install-extension prettier.vsix

Появится следующее приглашение, установка прошла успешно, перезапустите vscode, и установка будет завершена.

extension 'prettier.vsix' was successful installed!

То же самое касается и других плагинов.

кэш пряжи

Откройте cmd, войдите в папку, в которой находится проект, и выполните:

yarn cache dir # 获取缓存文件地址

Разархивируйте yarn_cache.zip по адресу файла

Стартовый проект

Откройте исходный файл в vscode и выполните:

yarn

На этой пряже будут загружать все зависимости от пути кэша.

Теперь вы можете с удовольствием разрабатывать на автономном компьютере.

Спасибо за прочтение!