:从零手写 Hello World,小白也能看懂

9 阅读6分钟

前言

作为前端开发者,日常天天和 JS、TS、Vue/React 打交道,习惯了脚本语言的灵活随性。而 Rust 这几年热度狂飙,凭借内存安全、高性能、无 GC的特性,不仅能写后端、系统底层,还能结合 WASM 赋能前端基建、小程序插件、跨端开发,已经成为前端进阶必学的小众刚需语言。

很多前端小伙伴想入门 Rust,却被陌生的语法、编译概念劝退。今天咱们就用前端开发者熟悉的思维逻辑,从零拆解 Rust 基础语法,手把手实现经典的 Hello World 程序,全程类比 JS/TS 知识点,零基础也能轻松吃透。

一、前期准备:编辑器与基础规范

1. 推荐开发工具

写 Rust 强烈推荐 JetBrains 出品的RustRover,非商用完全免费,和 WebStorm、IDEA 操作逻辑高度一致,前端开发者上手零门槛。软件自带 Rust 环境检测、代码提示、一键运行,不用手动配置复杂编辑器,后续所有演示都基于这款工具。

如果你习惯 VS Code,安装 Rust 相关插件也能开发,但新手更建议直接用 RustRover,省去环境配置烦恼。

2. Rust 文件基础规范

前端写 JS 是.js、TS 是.ts,Rust 源码文件后缀统一为 .rs

命名规范和前端 Vue 组件、工具函数一致,采用蛇形命名法(snake_case) ,全部小写、单词用下划线分隔,比如hello_world.rsrust_study.rs,不推荐驼峰命名。

代码缩进规范:统一用4 个空格,禁止用 Tab 键。这点和前端编码规范同理,Tab 在不同编辑器显示宽度不一样,4 个空格能保证代码在任何设备上排版统一。

二、手把手创建 Rust 项目

方式一:RustRover 可视化创建(新手首选)

  1. 打开 RustRover,点击New Project新建项目;
  2. 选择 Rust 分类,配置项目存放路径、工具链位置(软件会自动识别已安装的 Rust 环境);
  3. 项目模板选择二进制文件(应用程序) ,点击创建即可。

和前端用 WebStorm 创建 Vue 项目一样,RustRover 会自动基于 Cargo(Rust 的包管理工具,类比 npm/yarn)初始化项目,自动生成main.rs入口文件,还自带基础的 Hello World 示例代码,不用手动新建文件。

方式二:终端命令创建(前端开发者常用)

熟悉终端操作的前端,可以用命令行创建,和npm init逻辑几乎一致:打开 PowerShell / 终端,进入目标文件夹,执行:

bash

运行

cargo new hello_rust

命令执行后会自动生成标准 Rust 项目目录,src/main.rs就是程序入口文件。

三、逐行拆解 Hello World 代码

打开自动生成的main.rs,核心代码就两行,咱们用前端 JS 语法做类比,逐句讲透每一个知识点:

rust

运行

fn main(){
    println!("Hello World");
}
  1. fn 关键字类比 JS 的function、Go 的func、Python 的def,作用就是声明定义一个函数,是 Rust 创建函数的固定标识。
  2. main () 入口函数熟悉 Node.js 的都知道,每个程序都有入口,Rust 里main专属入口函数,和前端 Node 项目的入口文件作用一致。程序运行时,会优先从main函数开始执行。
  • ():括号内放函数参数,无参数就留空;
  • {}:大括号包裹函数体,所有业务逻辑写在里面,和 JS 函数语法完全一致。
  1. println! 打印宏前端用console.log()打印日志,Rust 用println!实现控制台输出。重点注意感叹号!:带!代表这是宏函数,不是普通函数,宏会在编译阶段自动生成底层代码,性能比普通函数更高,后续进阶会详细讲宏的用法。语句末尾必须加分号; ,Rust 默认每条语句都要分号结尾,和 Java、CSS 规范类似,不能省略。
  2. "Hello World" 字符串双引号包裹的内容是字符串类型,和 JS 字符串用法一致,直接作为打印内容传入宏函数即可。

四、两种方式运行 Rust 程序

1. RustRover 一键运行

新手最简单的方式,直接点击软件左上角Run 按钮,或快捷键Ctrl+F5,一秒编译运行,控制台立马输出Hello World,和 WebStorm 运行前端项目操作一模一样。

2. 终端手动编译运行(核心原理必懂)

前端习惯用终端执行命令,Rust 也可以手动操作,分为编译 + 运行两步,这是编译型语言和 JS 解释型语言最大的区别。

  1. 打开终端,通过cd命令进入main.rs所在的 src 目录:

bash

运行

cd E:\iCloud\iCloudDrive\Porgram\RustStudy\src
  1. 执行编译命令,把源码编译成可执行文件:

bash

运行

rustc main.rs
  • 编译成功后,文件夹会生成.exe可执行文件(Windows)、.pdb调试文件;
  • Linux/Mac 系统只会生成可执行文件,无调试文件。
  1. 运行编译后的程序:
  • Windows 终端:.\main.exe
  • Linux/Mac 终端:./main

执行后控制台输出Hello World,整个流程就完成了。

五、前端必懂的 Rust 核心特性

  1. 预编译型语言JS 是解释型语言,边解释边运行;Rust 是提前编译型语言,必须先用rustc编译生成二进制可执行文件,才能运行。优势很明显:编译后的 exe 文件可以直接发给他人,对方不用安装 Rust 环境就能直接运行,和前端打包后的静态页面逻辑相似。
  2. rustc 与 Cargo 的区别
  • rustc:适合写单文件简单程序,仅能实现基础编译;
  • Cargo:类比前端 npm/yarn,是 Rust 项目工程化工具,后续开发复杂项目、引入第三方依赖、打包上线都必须用 Cargo,也是企业级开发的标配。
  1. 语法严谨性相比 JS 的弱类型灵活随性,Rust 语法更严谨,强制缩进规范、语句分号结尾、变量类型严格校验,这点更接近 TS/Java,前端学过 TS 的小伙伴会非常容易适应。

结语

看完这篇文章,相信前端小伙伴已经搞定 Rust 入门第一步:理解基础语法、会创建项目、能运行 Hello World。其实 Rust 很多设计逻辑和前端工程化、TS 语法相通,不用被系统编程语言的标签吓到。

后续我们会继续用前端视角,拆解 Rust 变量、数据类型、函数、循环等基础知识点,全程类比前端语法,让你无痛进阶 Rust,解锁 WASM、后端开发、跨端开发新技能。