finalhttps://teletype.in/atom/coderv162026-04-09T10:30:52.687Zcoderv16:tea-guide2024-03-01T16:39:35.017Z2024-03-01T17:06:31.141Z

<img src="https://img2.teletype.in/files/5c/80/5c804ef5-481d-4612-84b5-75accec3fbe2.jpeg">Один из основных квестов в тестнете tea.xyz является регистрация проекта. Проектом является любой пакет/софт/скрипт, выложенный в пакетном менеджере (npm, pypi, etc..). В данном гайде я вам расскажу как создать проект с помощью ChatGPT и выложить его на npm, который не будет выглядеть как пустышка, что возможно поможет избежать бритья по пустым проектам от tea. Но, для начала оформляй подписочку на TG-канал авторов гайда dev in 16 и приступай к созданию!

<figure id="wjqf" class="m_column"> <img src="https://img2.teletype.in/files/5c/80/5c804ef5-481d-4612-84b5-75accec3fbe2.jpeg" width="1200" /> </figure> <p id="zF40">Один из основных квестов в тестнете <strong>tea.xyz</strong> является регистрация проекта. Проектом является любой пакет/софт/скрипт, выложенный в пакетном менеджере (npm, pypi, etc..). В данном гайде я вам расскажу как создать проект с помощью <strong>ChatGPT</strong> и выложить его на npm, который не будет выглядеть как пустышка, что возможно поможет <strong>избежать</strong> бритья по пустым проектам от tea. <br /><br /><strong>Но, для начала оформляй подписочку на TG-канал авторов гайда <a href="https://t.me/+cJnVwbG4yDo1Mzhi" target="_blank">dev in 16</a> и приступай к созданию!</strong></p> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <h2 id="M8Y1" data-align="center">🛠️ | Создание проекта </h2> </section> <p id="Qda8">Первым делом скачиваем <a href="https://disk.yandex.ru/d/nw17rXImW8m1Ow" target="_blank">шаблон</a> приложения. Также, стоит все действия выполнять в IDE, а именно в <a href="https://code.visualstudio.com/download" target="_blank">VS Code</a>. Так же нужно установить <a href="https://nodejs.org/en" target="_blank">Node.js</a>. При установке выберите все доступные опции.</p> <p id="5GVd">Если у вас нет VS Code, устанавливаем, открываем в нем шаблон и создаем терминал (<code>Ctrl + Shift + &#x60;</code> или <code>Cmd + &#x60;</code>)<br /><br />Заходим в ChatGPT и вбиваем первый промпт:<br /><code>provide me with ideas for npm package</code></p> <p id="0lYl">Он предложит вам варианты:</p> <figure id="WwNP" class="m_column"> <img src="https://img2.teletype.in/files/d7/cd/d7cd8854-53d9-4651-8378-57cd02a71430.png" width="2140" /> </figure> <p id="BNq7">Выбираем понравившийся и пишем: <br /><code>create me &lt;название проекта&gt; package in js with code in one file. I will further upload it to npm</code></p> <p id="fvqm">В скачанном шаблоне открываем файл <code>src/index.js</code>, куда вставляем первый предложенный код.<br />Далее, если в ответе ChatGPT говорит, что надо что-то скачать, то выполняем команду для установки в консоли.</p> <figure id="HMsi" class="m_column"> <img src="https://img1.teletype.in/files/45/eb/45ebb846-279b-418a-a249-2eac696e4852.png" width="2140" /> </figure> <p id="eEkk">Далее просим его написать описание для этого пакета:<br /><code>make me readme file for this package. provide it in markdown format, but be carefull, when you type in markdown format, you parse it and return as a text, but i need it as code snippet<br /></code>Он может начать писать как надо, но в процессе он может сам начать парсить этот формат и в итоге будет не так как надо. В таком случае перегенерируем ответ пока он не пришлет полное описание в черном прямоугольнике.</p> <p id="R2kH">Получившийся текст вставляем в файл <code>README.md</code>. </p> <p id="Ikyz">Далее, вам нужно будет заполнить файл <code>package.json</code> инфой о пакете. </p> <figure id="yNKc" class="m_column"> <img src="https://img3.teletype.in/files/6c/5e/6c5eaecf-b10d-4f2d-a494-a829e3834d49.png" width="1298" /> </figure> <p id="N62B">На этом создание пакета закончено, теперь мы создадим под него репозиторий.</p> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <h2 id="k0X0" data-align="center">📁 | Создание репозитория</h2> </section> <p id="rY4F">Создавать репозиторий мы будем на сайте <a href="http://github.com" target="_blank">Github</a>, если у вас нет аккаунта, зарегистрируйтесь и продолжайте делать все по гайду.</p> <p id="Nobw">Итак, переходим на страницу создания нового репозитория: <a href="https://github.com/new" target="_blank">тык</a>.</p> <p id="zU6H">Выбираем имя для нашего репозитория, можете сделать такое же как и у пакета.</p> <figure id="2uKk" class="m_column"> <img src="https://img4.teletype.in/files/f0/1e/f01e1631-49a6-41e6-8eb5-b531096d9316.png" width="1828" /> </figure> <p id="oYjL">Обязательно оставляем опцию <strong>Public</strong>. Создаем репозиторий.</p> <p id="2FJm">Затем открываем терминал в VS Code и вписываем туда команды из первого блока начиная со второй, и вместо третьей команды вписываете <code>git add .</code></p> <figure id="vvtt" class="m_column"> <img src="https://img3.teletype.in/files/27/7a/277a9f5e-f0ee-4edc-b65c-c31b6637c269.png" width="1828" /> </figure> <p id="qda4">Теперь вы копируете ссылку на ваш репозиторий и вставляете ее в поле <code>url</code> в <code>package.json</code> в таком формате: <br /><code>https://github.com/&lt;ваш юзернейм&gt;/&lt;название репозитория&gt;.git</code></p> <p id="lziR">С репозиторием закончили, осталось опубликовать пакет.</p> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <h2 id="T4dM" data-align="center">📢 | Публикация пакета</h2> </section> <p id="Hq8h">Публиковать будем в пакетный менеджер npm, на сайте npmjs.com.</p> <p id="nVcM">Первым делом регистрируемся: <a href="https://www.npmjs.com/signup" target="_blank">тык</a>.</p> <p id="7Vu9">После регистрации возвращаемся в VS Code и в терминале пишем команду <br /><code>npm adduser</code></p> <p id="DJ4D">После чего переходим по ссылке и авторизуемся.</p> <p id="cwDi">После авторизации возвращаемся в терминал и пишем <code>npm publish</code></p> <p id="Qgkm"></p> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <h2 id="C05V" data-align="center">🎉 | Конец</h2> </section> <p id="lMAz">На этом все! Спустя 1-5 дней ваш проект появится в регистре tea.xyz и вы сможете зарегистрировать его. Надеюсь, данный гайд вам помог! </p> <p id="eQyl"></p> <p id="anhg" data-align="center"><strong>Автор: <a href="https://t.me/+cJnVwbG4yDo1Mzhi" target="_blank">dev in 16</a></strong><br /><br /></p>