「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验


theme: cyanosis

我正在参加「豆包MarsCode初体验」征文活动

MarsCode 可以看作一个运行在服务端的远程 VSCode开发环境。 对于我这种想要学习体验某些语言,但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在 MarsCode里,我的体验 rust 开发体验。


一、MarsCode 是什么

它的本质是: 提供 代码助手云端 IDE 服务的 web 网站,可通过下面的链接访问

https://www.marscode.cn/


1. 远程开发 IDE 环境

进入 IDE 面板之后,可以新建一个项目。其中可以左侧选择项目类型,这里选择 rust 项目,命名为 toly_rust。点击创建之后就可以得到一个 Rust 项目。

image.png

打开项目后,如下所示,这就相当于一个运行在浏览器中的 VSCode 编辑器。只要有网络,你就可以随处打开它来浏览和编辑。

image.png

即使在手机、平板上,也可以在浏览器中查看你的项目信息。你的编程环境并不需要在你的物理设备设备上,并且你的任何设备都可以随时访问。这就是云端编程的魅力:
PS: 虽然手机上编辑文字比较费劲,但作为一至少作为代码阅读器也是极好的。

99e13b45288b584b8bf45a03c70be1b.jpg


2. 了解你的云端环境

点击这里可以看到,一个项目相当于你有了一台 2 核 4G 10GB 存储 的远程机器。并且这个机器可以在浏览器,向你展示一个 VsCode 编辑器。 你可以在命令行中操作这台机器。

image.png

当你在一个陌生环境中,应该要知道宇宙的终结三问:

第一问: 我是谁

通过 uname -a 在命令行中查看系统的信息。可以看出当前是一个 linux 系统

image.png

通过 lscpu 在命令行中查看 cpu 的信息。它的CPU 架构是 x86_64, 系统核心数 32; 每个核心有 2 个 线程:

image.png


通过 cat /etc/os-release 在命令行中查看操作系统版本,可以看出是 Debain 发行版本:

image.png

最后通过 free -hdf -h 分别查看一下内存和存储情况:

image.png

到这里,基本上对当前的操作系统环境有了一个基本的认知。


第二问: 我在何处

通过 pwd 可以看到当前命令行所处的位置:

image.png


第三问: 我将去往何方

既然本项目是 toly_rust,那所去往之处自然是 rust 的康庄大道。通过 cargo -Vructc -V 可以查看当前的 rust 版本。这里版本是 1.78.0,还是挺新的:

image.png


二、体验 Rust 开发

默认的项目是最熟悉的 Hello World ,点击运行即可在控制台查看结果。下面我们通过两个小案例,来体验一下 Rust 开发:

image.png


1.随机字符串程序

功能需求:

封装一个类库,可以随机生成指定长度的字符串。
字符串内容是 大字母小写字母数字的组合

image.png


首先,我想要将该功能封装为一个类库。所以并不想再主程序 main.rs 中书写。可以通过 cargo 来创建一个类库,如下所示:

cargo new --lib str_gen

此时项目结构如下,在主项目的 Catgo.toml 中配置工作环境和模块依赖:

image.png

这样我们就可以专注于在类库 strgen 中书写代码。其中 lib.rs 导出 strgen 文件内容:

rust ---->[src_gen/src/lib.rs]---- pub mod str_gen;

也就是说,功能需求代码的书写场地在 str_gen.rs 中。首先来写个函数 range_letter ,可以返回指定 ASCII码表位置 start 的连续 count 个的字符列表。 - rust 中通过 Vec 容纳多个元素, - 遍历 count 次,通过 for i in 0..count - char::from 可以通过 u8 的整型得到 char 型字符 - 在遍历中收集字符即可。

rust fn range_letter(start: u8, count: u8) -> Vec<char> { let mut result: Vec<char> = vec![]; for i in 0..count { let c = char::from(start + i); result.push(c); } result }

接下来需要使用随机数,在类库项目的 Cargo.toml 文件中添加 rand 依赖库。rust 官方的依赖库地址在 crates.io

image.png

  • 使用 use 关键字引入类库中的内容
  • 创建了三个字符列表 num、cap、lower,并将其合并到 pool 中,视为字符资源池
  • 遍历 length 次,每次都随机在 pool 中取出一个元素,放入结果字符串中
  • rust 中档返回值作为最后一句时,可以省略 return;

```rust use rand::Rng;

pub fn randomstring(length: usize) -> String { let num: Vec = range letter('0' as u8, 10); let cap: Vec = range letter('A' as u8, 26); let lower: Vec = range letter('a' as u8, 26); let mut pool = vec![]; pool.extend( num); pool.extend(cap); pool.extend(lower); let mut rng = rand::thread rng(); let mut result = String::new(); for _ in 0..length { let index = rng.genrange(0.. pool.len()); result.push( pool[index]); } result } ```

最后,在主项目中使用 use 关键字导入我们自己写的依赖库内容,然后就可以调用其中的方法:

image.png


2.图像生成器

下面进入第二个案例,功能需求是:

  • 创建指定行列数的格子,通过输入决定格子的黑白色。
  • 将黑白色块以图像的方式输出到指定文件夹,文件名后加时间戳。

该案例中使用了文件、时间、图像生成等功能,是一个非常不错的小案例。其中图像生成的功能使用 image 类库的能力。同样,我们新建一个类库 img_gen 用于处理该功能。效果如下:

image.png


在此之前,先处理一些周边的任务,比如文件名称后加时间戳后缀,以及没有文件时递归创建文件。一个函数尽可能做到短小,只做它分内之事。如下所示 namewithtimestamp 为一个字符串的尾部拼接时间戳;ckeckfileor_create 会检查文件是否存在,不存在时自动创建:

```rust use std::fs::File; use std::path::Path; use std::time::SystemTime;

fn namewithtimestamp(input :&str)-> String{ let start = SystemTime::now(); let sincetheepoch = start.durationsince(std::time::UNIXEPOCH) .expect("Time went backwards"); let timestamp = sincetheepoch.assecs(); format!("{}{}", input, timestamp) }

fn ckeckfileorcreate(path: &Path) -> std::io::Result<()> { if!path.exists() { std::fs::createdir_all(path.parent().unwrap())?; } File::create(path)?; Ok(()) } ```

接下来在 gen 方法中,专注处理图片生成的事宜:

  • 输入行列数,和黑块的最表列表;
  • 遍历行列数,当存黑块列表包含坐标时,将像素置为黑色;否则为白色;
  • 计算文件路径,通过 img_buf 将数据写入文件即可:

```rust use image::{Rgb,ImageBuffer};

pub fn gen(row:u32,col:u32,data:Vec<(u32,u32)>) { let max = 255 as u8; let black = Rgb([0, 0, 0]); let white = Rgb([max, max, max]); let mut imgbuf = ImageBuffer::new(row, col); for (y, x, pixel) in imgbuf.enumeratepixelsmut() { if data.contains(&(x,y)) { *pixel = black; }else{ *pixel = white; } } let name = namewithtimestamp("box"); let filepath = format!("{}{}.png","assets/pictures/",&name); let path = Path::new(&filepath); ckeckfileorcreate(path).unwrap(); imgbuf.save(path).unwrap(); } ```

通过两个小案例,简单体验了一下 Rust 语言,还是挺不错的,篇幅有限,就不继续介绍 Rust 了。大家也可以自己写一些小模块来练练手,比如计算 md5,sha256 等。


三、编程助手,问答加成

MarsCode 中集成了 AI,可以辅助编程。

image.png

比如在一开始,查看 cargo 版本时有个 wraning,看着很碍眼。说是想要支持旧版本的项目,将 config 改为 config.toml

image.png

如果不知道如何在 Linux 中重命名文件夹,就可以咨询一下编程助手:

image.png

然后修改一下,就没有 wraning 提示了:

image.png


在编程开发中的任何问题,都可以让 AI 助手给你建议。比如如何随机字符串案例中,如何合并多个 Vec ,是它辅助我使用 extend 方法。在学习的过程中,你也可以询问它还有没有别的方式,之间有什么差异和优劣。

image.png


以及如何校验和创建文件,也是通过助手来解惑的。

image.png

师者,传道授业解惑也。AI 助手算不上传道授业,但解惑确实不错。可以算是半个老师,而且是一个没有脾气,不知疲倦的老师,会尽可能随时随地帮助你。但 尽信书不如无书 ,何道何业,还需我们自己把握。在使用工具辅助的同时要保持主观能动性。


4.配置 ssh key, 提交 git 仓库

MarsCode 是一个云端的编辑器,如果想要在本地访问这些文件,比较麻烦。通过 git 管理项目,将代码仓库维护在 github、gitee 或自己部署的代码仓库,是一个不错的选择。
前面说过,一个项目本质上就是为你分配了一台 Linux 机器,所以可以随意的添加 ssh key 。这里以 gitee 为例,其他也是同理。

  • 生成 ssh-key:

ssh-keygen -t ed25519 -C "Gitee SSH Key"

image.png

  • 得到 ssh-key:

ls ~/.ssh/

image.png

image.png

  • 在设置/安全设置/ssh key 界面添加公钥即可:

image.png

  • 在命令行测试一下,会展示认证成功:

image.png

之后在 gitee 中新建项目,在 MarsCode 控制台将项目提交到远程仓库即可:

image.png


到这里 MarsCode 的简单体验就结束了。总的来说,云端编程还是非常 nice 的。如果本地变成的体验感是 100 分,目前远程编辑器感觉可以打 90 分。由于需要依赖网络,网络不佳时,自然体验不佳,这是本质所决定的。

最后我特别喜欢的是在手机或pad上查看代码,让我可以脱离电脑,随时编程。但触屏操作和软键盘的编辑体验确实非常非常差。所以我将其视为一个源码阅读器,和运行器。但目前滑动时,会自动打开软键盘,这个很影响体验。希望非桌面端可以优化一下,或给个开启/关闭的按钮。这样移动端浏览代码体验会很好。那本文就到这里,谢谢观看 ~

  • 17
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值