🏠

Git与终端基础

从代码获取到运行的完整流程

讲师:乌鸦哥

本节课目标

掌握程序员必备的基础技能

  • 🔧 安装开发必备软件
  • 📥 获取代码到本地
  • ⌨️ 学会使用终端命令行
  • 🚀 运行代码并检查效果

程序怎么跑起来?

大家平时用电脑,双击图标就能打开软件,比如微信、游戏,对吧?

这其实是乔布斯老爷子发明的图形界面带来的便利。但这背后,程序运行的原理可不是双击那么简单。

今天我们就来揭秘一下,程序到底是怎么跑起来的,以及如何从网上获取代码。

第一步:安装必备软件

工欲善其事,必先利其器

我们需要安装两个核心软件:

  • 📦 Git - 代码管理工具
  • 🚀 Node.js - JavaScript运行环境

Mac用户的特别提醒!

Mac用户有个"秘密武器" - Homebrew

它是Mac上最好用的软件管理工具,就像手机上的App Store一样

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

💡 安装完Homebrew后,安装软件就变得超级简单了!

当然,你也可以选择直接下载安装包,但用Homebrew更专业、更方便管理版本。

安装 Git

Git 就像是连接你电脑和云端代码仓库的"桥梁"

Windows 用户安装 Git

  • 🌐 访问官网:git-scm.com/download/win
  • ⬇️ 下载对应版本的安装包
  • 🖱️ 双击安装包,一路"下一步"
  • ✅ 安装完成后重启命令行

😄 就像安装微信一样简单,大部分选项用默认的就行

Mac 用户安装 Git

推荐方式:使用 Homebrew

brew install git

备选方式:官网下载

访问 git-scm.com/download/mac 下载安装包

💡 用Homebrew安装的好处:自动配置环境、方便升级版本

验证Git安装

打开命令行,输入这个"暗号":

git --version

格式说明:

  • git 后面有一个空格
  • 然后是两个短横线 --
  • 最后是 version

如果看到版本号,恭喜你安装成功了!

Git 初始化设置

告诉 Git 你是谁(就像实名认证)


git config --global user.name "你的名字"
git config --global user.email "你的邮箱"
            

💡 这样以后代码提交时就知道是谁改的了

安装 Node.js

Node.js 是JavaScript的"翻译官"

就像我们需要翻译把英语翻译成中文,计算机也需要Node.js把JavaScript翻译成机器语言

Windows 用户安装 Node.js

  1. 访问 nodejs.org 官网
  2. 网站会自动识别你的系统,下载LTS版本
  3. 双击安装包,一路点击"下一步"

💡 LTS版本最稳定,适合新手使用

Mac 用户安装 Node.js

推荐方式:使用 Homebrew

brew install node

备选方式:官网下载

访问 nodejs.org 下载安装包

💡 Homebrew可以自动管理多个Node.js版本

验证Node.js安装

node -v

格式说明:

  • node 后面有一个空格
  • -v 表示查看版本
  • 如果显示版本号就说明安装成功了

比如显示:v18.17.0

黑客电影里的那些是真的吗?

你看黑客电影,高手们都是对着黑乎乎的屏幕敲代码,对吧?那玩意儿叫"命令行"或者"终端"。

现在软件都安装好了,我们来学学怎么用命令行操作电脑。

在苹果电脑上,它叫"终端"(Terminal)。

在Windows上,它叫"命令提示符"(Command Prompt)或"PowerShell"。

虽然看起来有点"复古",但它非常强大,是程序员的必备工具。

讲个笑话:为什么程序员喜欢用黑色的终端?因为亮色主题会亮瞎他们的眼!

必学的基本命令

我们只学最基本的几个,就像学开车只需要会油门刹车方向盘

ls / dir - 看看当前文件夹有什么

就像开灯看看房间里有啥


ls        # Mac/Linux 用这个
dir       # Windows 用这个
            

直接输入,回车执行,就能看到当前文件夹里的所有文件和文件夹

cd - 切换到其他文件夹

cd 的意思是 "Change Directory",就是"换个地方"

cd 文件夹名字

重要:cd 和文件夹名之间必须有空格!

常用例子:

  • cd Desktop - 进入桌面
  • cd .. - 返回上一层

什么是 Github?

程序员的"网盘" - 存放代码的云端仓库

  • 🏠 代码仓库 - 存放代码的地方
  • 📥 下载代码 - 把代码拿到本地
  • 🔓 公开仓库 - 任何人都可以下载
  • 🔒 私有仓库 - 需要权限才能访问

💡 我们今天用的是公开仓库,不需要注册账户!

为什么要用Github?

就像你把照片存在云盘里一样,程序员把代码存在Github上。

这样不管在哪台电脑,都能访问到最新的代码。而且还能和别人分享代码,就像分享网盘链接一样简单。

获取代码到本地

把云端的代码"搬"到你的电脑里

https://github.com/thunderwin/full_stock_course_node_demo.git

使用 git clone 下载代码

就像从网盘下载文件一样简单

git clone https://github.com/thunderwin/full_stock_course_node_demo.git

💡 公开仓库直接 clone,不需要登录!

😄 就像下载免费软件,不用注册会员

运行代码

让沉睡的代码"活"起来

完整的运行流程

来,我们走一遍完整流程:

  1. 打开终端
  2. lsdir 看看现在在哪
  3. cd 进入到你的项目文件夹
  4. node 文件名.js 运行程序!

你看,就这几步,跟学开车一样,熟悉了就好了!

不同项目的启动方式

  • 单个JS文件:node 文件名.js
  • 完整项目:npm installnpm start

😄 就像不同的游戏有不同的启动方式

检查运行效果

验收成果的时刻到了!

效果检查清单

  • ✅ 代码是否成功运行?
  • ✅ 有没有报错信息?
  • ✅ 功能是否正常工作?
  • ✅ 如果是网站,能否在浏览器打开?

💡 如果是web项目,通常会显示类似"Server running on port 3000"的信息

总结

今天我们学会了程序员的基础工具链

  • 🔧 Git - 代码管理工具
  • 🚀 Node.js - JavaScript运行环境
  • 🍺 Homebrew - Mac用户的软件管理神器
  • ⌨️ 基本终端命令:ls/dir、cd
  • 📥 git clone - 下载代码
  • 🏃 node - 运行JavaScript

记住:Mac用户优先使用Homebrew,命令中要注意空格!

下节课见!👋