Первая часть скромненького лонгрида про ultimate настройку текстового редактора для работы с Markdown и по превращению вас в более лучшего писателя. http://telegra.ph/Pimp-My-Markdown-Part-I-04-20-2
#markdown #ide #vscode #ru
#markdown #ide #vscode #ru
Telegraph
Pimp My Markdown (Part I)
Итак, что мы имеем? Да Markdown удобно конвертировать во что угодно, будь то PDF со спекой по проекту, или красиво и с CSS стилями сверстанное резюме, или презентация для работы. “Но ведь я могу сделать это все в Word”, проскулишь ты и подтвердишь тем самым…
В вечер пятницы немножечко про организацию рабочего пространства, а в частности тулз для писательства. Лично я -- фанат VS Code и всем его усиленно советую, т.к это ультимативный редактор с тонной плагинов и вообще, как грица one stop shop, к тому же, это один из немногих проектов на Electron, который не умервщляет ваш ноутбук (кто-то еще работает за стационарными пк?). НО! Но держать еще один инстанс Хрома не нравится примерно никому и какой-никакой, а удар по батарее и общей производительности железки всё же ощутим, но это решаемо, и решаемо довольно легко.
Нам понадобится:
1. Обыкновенный браузер (фаерфокс или хром, ведь других еще не придумали)
2. MacOS или Linux, или Windows с включенным WSL 1\2.
3. Ровно один бинарник взятый отсюда https://github.com/cdr/code-server
4. 10-20 минут жизни, в зависимости от скорости чтения
Чё в итоге?
Получаем полностью рабочий VS Code, запущенный во вкладке браузера.
Минусы:
- Каждое дополнение нужно скачать вручную из VS Code Marketplace, там есть кнопка Download, скачивается .vsix файлик, его и кормите в уже запущенную веб-версию вскода.
- Дополнение GitHub Pull Requests просит более новую версию вскода, починится с апдейтом сервера, ждём.
Плюсы:
- Ваш ноут скажет вам спасибо
- Кому не покажи вскод во вкладке - все балдеют
#vscode #ide #ru
Нам понадобится:
1. Обыкновенный браузер (фаерфокс или хром, ведь других еще не придумали)
2. MacOS или Linux, или Windows с включенным WSL 1\2.
3. Ровно один бинарник взятый отсюда https://github.com/cdr/code-server
4. 10-20 минут жизни, в зависимости от скорости чтения
Чё в итоге?
Получаем полностью рабочий VS Code, запущенный во вкладке браузера.
Минусы:
- Каждое дополнение нужно скачать вручную из VS Code Marketplace, там есть кнопка Download, скачивается .vsix файлик, его и кормите в уже запущенную веб-версию вскода.
- Дополнение GitHub Pull Requests просит более новую версию вскода, починится с апдейтом сервера, ждём.
Плюсы:
- Ваш ноут скажет вам спасибо
- Кому не покажи вскод во вкладке - все балдеют
#vscode #ide #ru
GitHub
GitHub - coder/code-server: VS Code in the browser
VS Code in the browser. Contribute to coder/code-server development by creating an account on GitHub.
День релизов! (с опозданием)
Доношу до вашего сведения, что недавно хорошенько так обновился code-server.
code-server -- самая правильная версия VSCode, ибо под каким бы соусом не мариновали Electron приложения, оно им и останется. Тут всё иначе, вы запускаете локальный (или любой другой!) сервер и заходите на 127.0.0.1:8080 и вуа-ля, у вас больше не запущено два (ато и три, если вдруг вы зачем-то пользуетесь НЕ веб-версией слака или каким-нибудь Дискордом) инстанса хрома.
Для сравнения мемори футпринты:
```VSCode - 6 электрон-процессов ~ 1Gb of RAM usage
325.16 Mb /usr/lib/electron6/electron
316.66 Mb /usr/lib/electron6/electron
213.11 Mb /usr/lib/electron6/electron
152.18 Mb /usr/lib/electron6/electron
85.18 Mb /usr/lib/electron6/electron
17.36 Mb /usr/lib/electron6/electron
-----
1109.65 Mb
code-server - 3 code-server процесса кушают ~375Mb + 1 вкладка Хрома ~100Mb in host
148.06 Mb /usr/bin/code-server
125.86 Mb /usr/bin/code-server
101.29 Mb /usr/bin/code-server
-----
375.21 Mb
```Результат, как грица, на лицо. Замеры проводились на более старой версии, сейчас может дела даже лучше.
Кроме того, зарелизился Vale v2.1.0, в нем тоже пара новинок. Добавлена поддержка многословных исключений и raw скоупы, чтобы можно было линтить необработанную размету, такой себе улучшенный --ignore-syntax.
А объединяет эти две новости то, что весь редакторский состав этого блога последний месяц в поте лица боролся за то, чтобы две эти шикарные вещи (code-server + vale) наконец-то нормально заработали вместе.
Для полноценной работы вам нужно просто поставить самые свежие версии code-server, vale и vscode-vale.
Пользуйтесь, не болейте. ❣️
#ide #vscode #en
Доношу до вашего сведения, что недавно хорошенько так обновился code-server.
code-server -- самая правильная версия VSCode, ибо под каким бы соусом не мариновали Electron приложения, оно им и останется. Тут всё иначе, вы запускаете локальный (или любой другой!) сервер и заходите на 127.0.0.1:8080 и вуа-ля, у вас больше не запущено два (ато и три, если вдруг вы зачем-то пользуетесь НЕ веб-версией слака или каким-нибудь Дискордом) инстанса хрома.
Для сравнения мемори футпринты:
```VSCode - 6 электрон-процессов ~ 1Gb of RAM usage
325.16 Mb /usr/lib/electron6/electron
316.66 Mb /usr/lib/electron6/electron
213.11 Mb /usr/lib/electron6/electron
152.18 Mb /usr/lib/electron6/electron
85.18 Mb /usr/lib/electron6/electron
17.36 Mb /usr/lib/electron6/electron
-----
1109.65 Mb
code-server - 3 code-server процесса кушают ~375Mb + 1 вкладка Хрома ~100Mb in host
148.06 Mb /usr/bin/code-server
125.86 Mb /usr/bin/code-server
101.29 Mb /usr/bin/code-server
-----
375.21 Mb
```Результат, как грица, на лицо. Замеры проводились на более старой версии, сейчас может дела даже лучше.
Кроме того, зарелизился Vale v2.1.0, в нем тоже пара новинок. Добавлена поддержка многословных исключений и raw скоупы, чтобы можно было линтить необработанную размету, такой себе улучшенный --ignore-syntax.
А объединяет эти две новости то, что весь редакторский состав этого блога последний месяц в поте лица боролся за то, чтобы две эти шикарные вещи (code-server + vale) наконец-то нормально заработали вместе.
Для полноценной работы вам нужно просто поставить самые свежие версии code-server, vale и vscode-vale.
Пользуйтесь, не болейте. ❣️
#ide #vscode #en
GitHub
GitHub - coder/code-server: VS Code in the browser
VS Code in the browser. Contribute to coder/code-server development by creating an account on GitHub.
У Microsoft очень сильный Документационный отдел, у них куча прикольных самописных плагинов для ➡️VS Code ⬅️ (тут ссылка на пак со всеми сразу.)
Так вот, к чему это я.
🎁 Сегодня M$ запустили мини-конкурс с подарочками за контрибьют в их документацию. Всего-то нужно иметь аккаунт на гитхабе и зорий техрайтинговый глаз и зареплаить на этот твит ссылкой на PR.
Контрибьютить можно в такие доки:
- 📃 Build Desktop apps - UWP, Win32, WPF, Windows Forms
- 📃Windows UI Library - Controls for UWP apps, Controls API reference
- 📃Build with Windows - Windows Subsystem for Linux (моё любимое), Python, NodeJS, Mac to Windows guide
-📃Windows Hardware Developer - Tools and Drivers
Если вы начинающий техпис, это будет отличной строчкой в вашем портфолио, дерзайте
#vscode #vacancy #en #resource
Так вот, к чему это я.
🎁 Сегодня M$ запустили мини-конкурс с подарочками за контрибьют в их документацию. Всего-то нужно иметь аккаунт на гитхабе и зорий техрайтинговый глаз и зареплаить на этот твит ссылкой на PR.
Контрибьютить можно в такие доки:
- 📃 Build Desktop apps - UWP, Win32, WPF, Windows Forms
- 📃Windows UI Library - Controls for UWP apps, Controls API reference
- 📃Build with Windows - Windows Subsystem for Linux (моё любимое), Python, NodeJS, Mac to Windows guide
-📃Windows Hardware Developer - Tools and Drivers
Если вы начинающий техпис, это будет отличной строчкой в вашем портфолио, дерзайте
#vscode #vacancy #en #resource
This media is not supported in your browser
VIEW IN TELEGRAM
Схемы в документации - хорошо, а когда их можно рисовать прямо в среде, где документацию и пишешь - еще лучше.
Ловите плагин для VS Code со всроенным Asciiflow.
#vscode #tool #diagram
Ловите плагин для VS Code со всроенным Asciiflow.
#vscode #tool #diagram
This media is not supported in your browser
VIEW IN TELEGRAM
Зашел я тут недавно в техрайтерские чатики и там снова про диаграммы.
Сам-то я предпочел бы хранить все их as a code, но есть и альтернативное мнение/решение.
На днях зарелизился абсолютно великолепный плагин для VS Code и наша редакция никак не могла пройти мимо.
Draw.io Integration! Исходники, естественно, открыты.
Фичи:
- Редактирование .drawio или .dio файлов как в редакторе Draw.io, так и голый XML (можно даже side by side).
- Редактирование .drawio.svg (svg!)
- По умолчанию используется офлайн версия Draw.io.
- Т.к Draw.io тоже опенсорсный продукт, он может быть и self-hosted, а это расширение поддерживает кастомный URL-адрес для вашего Draw.io инстанса .
- Темы
Когда VS Code'ный API для сторонних редакторов будет стабилен, автор обещает добавить поддержку редактирования .drawio.png
#diagram #DocsAsCode #en #vscode #tool
Сам-то я предпочел бы хранить все их as a code, но есть и альтернативное мнение/решение.
На днях зарелизился абсолютно великолепный плагин для VS Code и наша редакция никак не могла пройти мимо.
Draw.io Integration! Исходники, естественно, открыты.
Фичи:
- Редактирование .drawio или .dio файлов как в редакторе Draw.io, так и голый XML (можно даже side by side).
- Редактирование .drawio.svg (svg!)
- По умолчанию используется офлайн версия Draw.io.
- Т.к Draw.io тоже опенсорсный продукт, он может быть и self-hosted, а это расширение поддерживает кастомный URL-адрес для вашего Draw.io инстанса .
- Темы
Когда VS Code'ный API для сторонних редакторов будет стабилен, автор обещает добавить поддержку редактирования .drawio.png
#diagram #DocsAsCode #en #vscode #tool
Второй пост - комбинированный:
Избавляемся от нарочитых и подсознательных предвзятостей, опять же с помощью наших верных друзей - линтеров и засовываем Grammarly в VS Code
- Linter (вот так просто) на Руби (eww) помогает с inclusive language: gender-coded words, use of pronouns and misused words.
- Я когда-то давно писал о нём, но раз такое дело, то есть еще и linter-alex (alexjs)(в честь гендерно-нейтрального имени Саша), который делает почти то же самое.
- Кто-то захакал Grammarly прямо в VS Code, расширение конечно же сразу снесли с стора с экстеншнами, но еще можно скачать vsix файл, установить его в ручную и поклацать
#testthedocs #vscode #ide #tool #en
Избавляемся от нарочитых и подсознательных предвзятостей, опять же с помощью наших верных друзей - линтеров и засовываем Grammarly в VS Code
- Linter (вот так просто) на Руби (eww) помогает с inclusive language: gender-coded words, use of pronouns and misused words.
- Я когда-то давно писал о нём, но раз такое дело, то есть еще и linter-alex (alexjs)(в честь гендерно-нейтрального имени Саша), который делает почти то же самое.
- Кто-то захакал Grammarly прямо в VS Code, расширение конечно же сразу снесли с стора с экстеншнами, но еще можно скачать vsix файл, установить его в ручную и поклацать
#testthedocs #vscode #ide #tool #en
👅 Языки:
#ru | #en
👷 Карьера:
#career — советы и всемозможные статьи о карьере техписателя
#conference — техписательские конференции, их записи и заметки
#resources — ресурс для саморазвития
#article — полезная статья, которая учит чему-то клёвому, что позволит стать более лучшим писателем
#vacancy — интересная вакансия или что-то связанное с наймом
#video — видео, видос, видосичек, видосюлька. И подкасты!
#book — книга/хендбук
#courses — курсы, программы для технических писателей
🛠 Технологии:
#tool — полезная утилита/приложение
#changelog — все о чейнджлогах, примеры, правила
#markdown — все о языке разметки Markdown
#reStructuredText — все о языке разметки reStructuredText
#asciidoc — все о языке разметки asciidoc
#LaTeX — все систему набора и вёрстки и язык разметки LaTeX
#ide — среды разработки и все что с ними связано
#vscode — все о Visual Studio Code, настройка, плагины, хитрости
#SSG — JAMStack, генераторы статических сайтов, Hugo, Jekyll, Antora, etc.
#testthedocs — тестирование документации, линтинг
#API — про документирование API, примеры, лайфхаки, подсказки
#diagram — про диаграммы (много про diagrams as a code), mermaid, UML
#screenshot — все про скриншоты, утилиты, сервисы и красивенькие фотоснимки экрана
#ai — про GPT, GitHub Copilot и прочее, где ИИ помогает нам писать
🧺 Общее:
#tonevoice — о правилах общения в документации
#language — что-то конкретно о языке, в основном английский
#legal — юридическая документация, лицензии
#styleguide — все о стилях и правилах
#DocsAsCode — все про подход к документации как к коду
#example — примеры документации (хорошие и плохие)
#uiux — интерфейсы, текст в интерфейсах, пользовательский опыт
#knowledgemanagement — менеджмент знаний, хранилища, тулзы, техники, советы и наблюдения
#versioning — про версионирование
#accessibility — все об аксессебилити в документации
#checklist — чеклист/шпаргалка
#vintage — винтажная документация, старые компьютеры, софт, техника, игры
#visual — про визуальную составляющую документации
#metrics — все о метриках документации
#random — что-то совсем косвенно относящееся к техписательству, юморески
Предлагайте новые хэштеги в комментариях!
#ru | #en
👷 Карьера:
#career — советы и всемозможные статьи о карьере техписателя
#conference — техписательские конференции, их записи и заметки
#resources — ресурс для саморазвития
#article — полезная статья, которая учит чему-то клёвому, что позволит стать более лучшим писателем
#vacancy — интересная вакансия или что-то связанное с наймом
#video — видео, видос, видосичек, видосюлька. И подкасты!
#book — книга/хендбук
#courses — курсы, программы для технических писателей
🛠 Технологии:
#tool — полезная утилита/приложение
#changelog — все о чейнджлогах, примеры, правила
#markdown — все о языке разметки Markdown
#reStructuredText — все о языке разметки reStructuredText
#asciidoc — все о языке разметки asciidoc
#LaTeX — все систему набора и вёрстки и язык разметки LaTeX
#ide — среды разработки и все что с ними связано
#vscode — все о Visual Studio Code, настройка, плагины, хитрости
#SSG — JAMStack, генераторы статических сайтов, Hugo, Jekyll, Antora, etc.
#testthedocs — тестирование документации, линтинг
#API — про документирование API, примеры, лайфхаки, подсказки
#diagram — про диаграммы (много про diagrams as a code), mermaid, UML
#screenshot — все про скриншоты, утилиты, сервисы и красивенькие фотоснимки экрана
#ai — про GPT, GitHub Copilot и прочее, где ИИ помогает нам писать
🧺 Общее:
#tonevoice — о правилах общения в документации
#language — что-то конкретно о языке, в основном английский
#legal — юридическая документация, лицензии
#styleguide — все о стилях и правилах
#DocsAsCode — все про подход к документации как к коду
#example — примеры документации (хорошие и плохие)
#uiux — интерфейсы, текст в интерфейсах, пользовательский опыт
#knowledgemanagement — менеджмент знаний, хранилища, тулзы, техники, советы и наблюдения
#versioning — про версионирование
#accessibility — все об аксессебилити в документации
#checklist — чеклист/шпаргалка
#vintage — винтажная документация, старые компьютеры, софт, техника, игры
#visual — про визуальную составляющую документации
#metrics — все о метриках документации
#random — что-то совсем косвенно относящееся к техписательству, юморески
Предлагайте новые хэштеги в комментариях!
Интересно наблюдать за разным ходом мысли в решении схожих проблем.
👁 ___👁
Разработчики Han Wang и Hahnbee Lee радикально подошли к поддержанию документации в актуальном состоянии. Теперь ссылку на документацияю можно натурально прибить гвоздями в IDE (VSCode) и получать уведомления в реальном времени, мол, обнови документацию после изменения кода.
Как это выглядит на практике - можно ознакомиться в этом видео.
В данный момент "прибитие гвоздями" поддерживается в следующих сервисах:
- Notion
- Google Docs
- Confluence
- GitHub
- Slack
🔗 Скачать: Mintlify Connector
#tool #en #vscode #ide
Разработчики Han Wang и Hahnbee Lee радикально подошли к поддержанию документации в актуальном состоянии. Теперь ссылку на документацияю можно натурально прибить гвоздями в IDE (VSCode) и получать уведомления в реальном времени, мол, обнови документацию после изменения кода.
Как это выглядит на практике - можно ознакомиться в этом видео.
В данный момент "прибитие гвоздями" поддерживается в следующих сервисах:
- Notion
- Google Docs
- Confluence
- GitHub
- Slack
#tool #en #vscode #ide
Please open Telegram to view this post
VIEW IN TELEGRAM