第二课：工欲善其事，必先利其器——开发环境准备与Hello World

上回书说到，JavaScript从一个十天速成的“临时工”，一路逆袭成了宇宙级顶流。今天，咱们终于要动手写代码了！别紧张，写代码这事，就跟学做菜一样——先得把锅碗瓢盆准备好，再点火倒油，最后才能炒出一盘色香味俱全的“Hello World”。

1. 浏览器控制台：程序员的“忏悔室”兼“游乐场”

首先，咱们得找个地方写 JavaScript。你可能会想：是不是得下载个啥软件？像学Python要装Python，学Java要装JDK？其实完全不用！浏览器就是最好的运行环境——因为浏览器内置了JavaScript引擎（比如Chrome的V8），它像个24小时待命的“隐形式解释器”，随时准备执行你的代码。而浏览器的“开发者工具”里，藏着一个叫控制台（Console） 的神奇面板，这就是你的JS游乐场。

怎么打开它？

• Chrome/Edge：按F12或Ctrl+Shift+I，然后点击顶部的“Console”标签。
• Firefox：同样F12或Ctrl+Shift+I。
• Safari：需要先在设置里开启“开发菜单”，然后Cmd+Option+C。

打开之后，你会看到一个空白的命令行界面，光标在>后面一闪一闪，仿佛在说：“来呀，快输入点啥！”这就是你的JavaScript游乐场——你可以在这里输入任意JS代码，按回车立即执行，结果会直接显示出来。

为什么叫“忏悔室”？
因为程序员经常在这里调试错误，对着满屏红彤彤的报错信息，一边念叨“我错了，我改了”，一边找bug。控制台就是那个静静听你忏悔、然后告诉你哪里错了的神父。

试试手：
在控制台里输入1 + 2回车，你会看到输出3。再试试'Hello' + ' ' + 'World'，输出'Hello World'。是不是很有成就感？你已经会写JavaScript了！（虽然只是表达式）

2. 编辑器推荐：VSCode真香现场

控制台适合写一两行代码试试手，但真要写一个完整的网页脚本，还是得用专业的代码编辑器。市面上编辑器很多，但我要给你安利的是Visual Studio Code（简称VSCode）——免费、开源、插件丰富、颜值高，堪称编辑器界的“瑞士军刀”。

为什么是VSCode？

• 智能提示：你打字的时候，它会像猜你喜欢一样弹出补全建议，少敲好多字母。
• 插件市场：想要啥功能直接搜，比如代码高亮、自动格式化、括号变色……连主题都能换，程序员也要讲究界面美观的好吗！
• 集成终端：不用切换窗口就能运行命令，省心。
• 调试神器：可以直接在编辑器里打断点、看变量值，找bug就像玩推理游戏。

当然，如果你喜欢硬核，也可以用Sublime Text、Atom、WebStorm（付费但强大）甚至记事本——不过用记事本写代码的，要么是大神，要么是自虐狂。

安装提示：去官网code.visualstudio.com下载安装，一路下一步就行。装完后建议装个中文插件（搜索“Chinese”），毕竟母语看着舒服。

3. 第一个程序：Hello World及其亲戚们

好了，环境备齐，现在开始编程界的“开光仪式”——写一个程序，让电脑对你说“Hello World”。

3.1 最正统的Hello World

在控制台里输入：

console.log('Hello World');

回车，你会看到控制台输出Hello World。恭喜你，你的JavaScript生涯正式开始了！

console.log是JavaScript里最常用的“喊话”工具，它的作用是把括号里的内容打印到控制台。你可以打印数字、字符串、变量、甚至整个对象。比如：

console.log('我的年龄是：', 18);
console.log('一个对象：', { name: '张三', age: 20 });

在真实开发中，console.log主要用于调试——在你怀疑某个变量值不对的时候，打印出来看看。它就像侦探的放大镜，帮你找出代码里的“凶手”。

3.2 爱弹窗的alert

如果说console.log是悄悄在后台打印，那alert就是直接跳到用户脸上，强行刷存在感。试试在控制台输入：

alert('你被JavaScript绑架了！');

浏览器会立刻弹出一个对话框，上面显示你写的文字，还有一个“确定”按钮。用户必须点击“确定”才能继续操作。这玩意儿早期常被用来做“欢迎提示”，现在更多用于教学演示或者紧急通知——毕竟强行弹窗太霸道，用多了会被用户嫌弃。

3.3 能输入信息的prompt

prompt比alert更进一步，它不仅能显示消息，还能让用户输入文字。比如：

prompt('你叫什么名字？');

会弹出一个带输入框的对话框，用户输入后点击确定，输入的内容会作为返回值（不过你现在还没学变量，暂时感受一下）。这个函数有点像登记表，等着用户填信息。

3.4 需要确认的confirm

confirm则是让用户做选择——显示一段话，附带“确定”和“取消”两个按钮。比如：

confirm('你确定要删除这条记录吗？');

点击确定返回true，取消返回false。它常用于需要用户确认的场景，比如删除前二次确认。

3.5 页面直接输出的document.write

还有一个老古董：document.write。它可以把内容直接写到网页里。比如在控制台输入：

document.write('<h1>Hello World</h1>');

你会在当前页面看到一个大标题。注意，如果这个脚本是在页面加载后执行的，它会覆盖掉整个页面内容（因为document.write的行为比较粗暴）。所以现在基本不用它了，但偶尔在古董代码里见到，知道是干啥的就行。

4. 把这些亲戚放一起做个对比

注意：除了console.log，其他几个都是浏览器提供的Web API，不是JavaScript语言本身的特性。但在浏览器环境里，它们就是可以随便用的“亲戚”。

5. 动手小练习：和电脑聊个天

现在轮到你了。打开浏览器控制台，依次执行以下代码，看看会发生什么：

1. console.log('你好，我是电脑，你是谁？');
2. let name = prompt('请输入你的名字：');（先不管let是啥，照着输就行）
3. console.log('你好，' + name + '！很高兴认识你。');
4. confirm('我们做朋友好吗？');
5. 如果点击了确定，就在控制台打印true，否则打印false

做完这些，你已经和电脑完成了一次简单的对话！是不是有点小成就感？

6. 小结与下集预告

今天咱们学会了：

• 打开浏览器控制台这个“游乐场”。
• 安装VSCode这个强大编辑器。
• 写了第一个程序console.log('Hello World')。
• 认识了它的亲戚们：alert、prompt、confirm、document.write。

从下一课开始，我们就要正式进入JavaScript的语法世界了——变量、数据类型、运算符……这些听起来有点枯燥，但我会尽量讲得像相声一样有趣。记得按时来上课，别迟到哦！

课后作业：

1. 尝试在VSCode里新建一个HTML文件，在里面用<script>标签写一段JavaScript，然后在浏览器中打开，看看效果。（提示：<script>console.log('我在HTML里！');</script>）
2. 如果alert和prompt同时出现，谁先弹出来？为什么？（答案在下节课揭晓）

下节课见！记得带好你的键盘和好奇心。