课程/前端到全栈

安装 Node.js:项目的心脏

上一篇我们知道了环境三件套。这一篇来装第一样、也是最核心的一样:Node.js

装完它,你的代码才算有了"发动机"——后面建项目、跑项目、装别人的零件,全都靠它。

Node.js 到底是干嘛的

还记得第 1 章说过,网页的交互靠 JavaScript 吗?一直以来,JavaScript 只能在浏览器里跑——离开浏览器,它就动不了。

Node.js 改变了这件事。它让 JavaScript 脱离浏览器,在你电脑(以及服务器)上直接跑起来

这件事意义重大,因为它意味着:

  • 你可以用 JavaScript 写后端(不只前端了)
  • 你可以在电脑上直接运行 JS 程序,不用打开浏览器
  • 后面学的 Next.js 项目,本质就是一个跑在 Node 上的程序

打个比方:Node.js 就像给 JavaScript 装了一台"发动机"。没有它,JS 只是躺在网页里的"零件";有了它,JS 就能自己跑起来,成为一个完整的程序。

这门课的目标是做"全栈"——前后端一起。而能这么做的前提,就是 Node 让 JavaScript 前后端通吃。所以它是整个课程技术栈的地基

顺便认识 npm:装"零件"的工具

装 Node 的时候,会自动附带一个叫 npm 的东西。你不用单独装它,但要知道它是干嘛的。

npm 是一个"零件商店"。全世界的程序员把自己写好的代码(叫"包",package)放上去,你想要哪个功能,下载下来就能直接用。

  • 想要处理日期?有个包
  • 想要连接数据库?有个包
  • 想做登录、发邮件、画图?全都有现成的包

npm 让你不用"重复造轮子"。后面我们的项目会装很多包(Next.js 本身就是用 npm 装的),这些操作 Agent 会帮你做——你只要知道有这么个"商店"就行。

安装:两条路,选一条就行

装 Node 有两条路,你任选一条

路线 A:让 Agent 帮你装(推荐)

如果你已经装了 Agent(下一篇会细讲),最简单的方式是直接对它说:

帮我检查并安装 Node.js(LTS 长期支持版),装完告诉我版本号。

它会自己判断你的系统、帮你装好、并验证。你全程不用动手。

路线 B:自己到官网下载

如果你想自己装(或还没装 Agent),也很简单:

  1. 打开 Node 官网 nodejs.org
  2. 下载 LTS 版本(长期支持版,最稳定,新手选它准没错)
  3. 双击安装包,一路点"下一步"(Next)
  4. 装完不用配置任何东西

整个过程和装一个普通软件没区别。

选 LTS,别选 Current。 官网会有两个版本:LTS(长期支持,稳)和 Current(最新功能,可能有坑)。新手一律选 LTS。

验证:确认装好了没

不管用哪条路装的,最后都要验证一下——这是"监工"的职责。

打开你电脑的"终端"(Windows 上是 PowerShell 或命令提示符,Mac 上是"终端"),输入下面这行,回车:

node -v

如果看到类似这样的结果,说明装好了:

v20.11.0

(版本号数字可能不一样,没关系,只要是 v 开头的一串就行。)

再验证一下 npm(它应该跟着 Node 一起装好了):

npm -v

同样,看到一串版本号(比如 10.2.4)就说明 OK。

如果输入 node -v 提示"找不到命令"或"不是内部命令",说明没装上或没配置好。别慌——把这句报错原样复制给 Agent,说"装完 Node 后提示找不到命令,帮我解决",它会帮你处理。这正是第 2 章学的"修错"流程。

装好之后,你能干什么

装好 Node,你暂时还"看不到"什么变化——它不像装了个 App 会在桌面出现图标。它是藏在后台的地基

但接下来的一切,都建立在它之上:

  • 下一篇的编辑器,要用到终端(终端里跑的就是 Node)
  • 后面创建 Next.js 项目,要用 npm 下载
  • 再往后启动项目,要用 Node 把它跑起来

所以现在你可能还没什么"成就感",这是正常的——地基打好了,楼才能盖起来。再过两篇,你就会亲眼看到项目跑起来的样子。

本篇小结

  • Node.js 让 JavaScript 脱离浏览器、在电脑和服务器上直接跑起来,是全栈的地基
  • npm 是随 Node 附带的"零件商店",用来下载别人写好的包
  • 安装两条路:让 Agent 装(推荐),或官网下载 LTS 版一路下一步
  • 选 LTS 版,别选 Current 版
  • 装完用 node -vnpm -v 验证;看到版本号就是成功,报错就丢给 Agent

下一篇,我们来装第二样:代码编辑器。它是你以后天天要用的"工作台"。

💬 评论(0)

请登录后参与评论

加载中...