Позвольте мне начать с рассказа о проблемах, с которыми я столкнулся, и представить предысторию написания этой статьи. У меня бюджетный MacBook и мощный рабочий стол. Раньше я запускал интерфейсные проекты на Mac, и этот рабочий стол в основном простаивал и иногда использовался для чтения документов. Позже, когда мне нужно было заняться серверной разработкой, мне иногда нужно было запускать несколько проектов одновременно на фронте и бэкенде, младший Mac начал греться, и вентилятор закрутился, становясь все сильнее и сильнее. застрявший. Так что это повлияло на мою эффективность работы и опыт разработки, поэтому я решил использовать этот рабочий стол с пользой.
Моя собственная идея состоит в том, чтобы написать код на Mac, а затем вовремя синхронизировать код с рабочим столом, и проект запускается на удаленном рабочем столе. Этот процесс синхронизации должен быть быстрым и может быть синхронизирован автоматически, иначе он сильно повлияет на процесс разработки.
Некоторые люди могут попросить вас разрабатывать прямо на рабочем столе? Ха-ха, может быть, но это немного далеко от моего идеального состояния. В macOS есть много инструментов для повышения производительности и средств разработки, и трудно найти замену рабочему столу Ubuntu, а рабочий стол совершенно непереносим, что делает неудобным проведение совещаний. Если я могу реализовать свои потребности, я могу объединить лучшее из обоих миров, почему бы и нет?
Сначала я планировал собрать свой набор вещей под свои нужды, но потом обнаружил, что в VS Code есть готовые плагины под мои нужды. Теперь давайте посмотрим на этот плагин:
Найдите на рынке плагинов VS Codeftp-kr(По названию можно догадаться, какой плагин разработал этот корейский брат), и выполнить его после завершения загрузки.Reload WindowОбновите окно VS Code, чтобы плагин вступил в силу. Давайте посмотрим на основное использование этого плагина:
Конфигурация плагина
Сделай это первымftp-kr: Init, который создаст файл ftp-kr.json в папке .vscode в корне проекта. Давайте посмотрим, как настроить этот плагин:
Следующие комментарии предназначены только для удобства объяснения, json не допускает комментариев, обратите внимание при копировании следующей конфигурации.
{
"host": "", // 远程机器的 IP
"username": "", // FTP/SFTP 用户名
"password": "", // FTP/SFTP 密码，去除这一项，每次同步时需手动输入密码，手动输入密码貌似有 bug
"remotePath": "", // 同步到远程机器的路径
"protocol": "sftp", // 协议
"port": 22, // 端口
"fileNameEncoding": "utf8", // 文件名编码
"autoUpload": true, // 是否自动上传
"autoDelete": true, // 本地删除文件后是否自动同步到远程机器
"autoDownload": false, // 是否自动下载
"ignore": [ // 不同步的文件/文件夹
".git",
"/.vscode",
"/.happypack",
"/node_modules"
]
}
Подробная конфигурация может относиться кздесь.
команда плагина
После настройки давайте взглянем на общие команды плагина:
-
ftp-kr: Upload All- Загружать все локальные и удаленные машинные файлы разных размеров -
ftp-kr: Download All- Загрузите все файлы, которые не существуют локально, с удаленного компьютера. -
ftp-kr: Upload This- загрузить этот файл -
ftp-kr: Download This- скачать этот файл -
ftp-kr: Delete This- удалить этот файл с удаленной машины -
ftp-kr: Diff This- Различать этот файл -
ftp-kr: Refresh- обновить удаленные файлы -
ftp-kr: Reconnect- Переподключиться к удаленной машине -
ftp-kr: SSH- команда ssh, переход непосредственно к соответствующему каталогу удаленной машины
Для всех команд, пожалуйста, обратитесь к введению плагина.
несколько советов
- Некоторые интерфейсные проекты играли в режиме отладки, которые приведут к браузерам в случае замедления сети.
net::ERR_CONTENT_LENGTH_MISMATCHСообщение об ошибке или медленное обновление. В качестве примера возьмем webpack devServer, установив для свойства Compress devServer значение true, чтобы решить эту проблему. - В столбце EXPLORE в левой части VS Code наведите указатель мыши на соответствующий файл, щелкните правой кнопкой мыши, и будут перечислены некоторые общие команды. А в колонке EXPLORE появится дополнительный FTP-KR:EXPLORE, где можно просмотреть файлы на удаленной машине.
После использования в течение нескольких дней я обнаружил, что это намного лучше, чем опыт прямого запуска проекта.Студенты, у которых есть те же проблемы, что и у меня, могут попробовать его. Есть и другие подобные плагины для VS Code. Я пробовал некоторые из них, и они не так хороши, как этот опыт. Заинтересованные студенты могут попробовать и сравнить их или разработать самостоятельно, ха-ха!