7个工具,可以在一周内编码您的第一个项目。
#javascript #初学者 #开源 #tooling

您想开始编码吗?您进行了第一次尝试,但尚未启动您的项目。

欢迎,我的类似思想。这篇文章比适合您的文章。

Image description

您将在这里学到什么?

我将与您分享我用来编码我的第一个项目的7个免费工具。

有病毒并吸引了许多很棒的用户。

谢谢所有测试的人,您摇滚ðÖ

这是project-linkedIn帖子发电机https://github.com/shnai0/linkedin-post-generator

这是一个开源。因此,您可以开始构建它的顶部。

如果您有兴趣了解更多信息,请查看我的其他文章所有详细信息
How I built my first Open Source project with ChatGPT and Next.js. 10k users in 24 hours 🤯â

7个工具,可以帮助我在1周内编码它

1. Microsoft的Visual Studio代码

这是代码编辑器。我在电脑上有的东西。但是您可以轻松地从网站下载它。

在此处安装(https://code.visualstudio.com

Visual code studio

2.茶.xyz

这是Homebrew的创建者的软件包经理。我需要安装它,它可以在我的计算机上运行。

好消息您只需要一次。

TEA website image

如果启动新项目,TEA将在背面进行操作,并安装必要的依赖项供您编码。

它将照顾安装节点,NPM,Vercel和您可能需要的其他包裹。
只需键入命令,即使您之前没有安装命令。

在这里如何安装它:

sh <(curl https://tea.xyz)

# --- OR ---
# using brew
brew install tea

茶具https://docs.tea.xyz/getting-started/install-tea

我知道,如果您不安装所有必要的软件包,则您的环境编码将无法使用。

因此,所有用于安装组件的软件包都可以在我的开发人员环境中工作。 (不要在上面询问更多详细信息:)

3. github

我恢复了我长期以来的现有但没有活跃的github帐户。

需要

github来查找开源项目并在我的Visual Studio中复制它们。

GitHub Website

当我找到开源项目时。

我实际上只是按下载zip并将其放在计算机上。所以我没有复制存储库。

然后我在视觉工作室里做了。

npm install 

也需要GitHub来推动项目。所以我在那里创建了单独的存储库。

在GitHub上创建新存储库

$ git remote add origin https://github.com/shnai0/linkedin-post-generator.git
git branch -M main
git push -u origin main

将更新推到那里

git add .

git commit -m “fix type”

git push

4. Chatgpt和Openai

所以我从第一时刻就用来提出问题。哪些命令要运行以复制开源项目?

Open AI image

我可以在没有这么快的情况下构建该项目吗?否。

我要求chatgpt解释代码,更改代码,求解错误,并为我提供代码SMTH。

基本上,一旦您在Github上复制开源项目,我就会积极使用此项目。

我还使用了打开的AI API。由于项目是AI生成器,因此您需要它可以工作,创建自己的Env.file并在其内部复制API键。

因此,在打开AI API https://openai.com/blog/openai-api

上创建帐户

5.尾风UI

这对于编辑前端的组件至关重要。您可以直接在那里搜索要更改的内容,并查看它的外观。

Tailwind UI website

他们有所有这些组件的网站,如果您需要的话,可以使用它。
https://tailwindui.com

,尽管您可以从那里从那里取出开源项目开源。
https://github.com/tailwindlabs/tailwindcss

如果使用OpenSource项目,则不需要安装tailwind。只需复制它已经存在。

6. Vercel

部署时间。

这个非常有帮助。因为它可以一次性地帮助您进行项目,然后检查所有错误。

Vercel website

所以,步骤是:

  1. 通过github创建帐户
  2. 连接到GitHub项目

因此,每次您推动SMTH时,它都会直接转到Vercel,并且Vercel向您展示是否存在错误或自动托管项目。

  1. PUSH

如果有很多错误使用命令首先消除错误。

npm run build

7.可行的分析

对于分析,我使用了合理。我的意思是您可以使用Google Analytics(分析)。但是我认为您绝对需要一个,看看如何使用您的构建是非常重要的。

Plausible analytics

建议:

ðâ€启动小
- 检查现有的开源项目
ð。向朋友寻求帮助初始设置
ð€询问changpt你没有得到的一切
ð€文档每个步骤

用明星打我

我正在建造新的mirco -projects并种植PaperMark.io-开源文档Insfrastrcute。

Place to leave your precious stars ⭐️

Stars hit

与我分享您的开发人员旅程:)很高兴在这里结识更多令人兴奋的朋友。

在这里我的Twitter 为新的projects update