从 0 到 1:使用 Qwen CLI 快速搭建炫酷个人主页

想拥有一个效果炫酷的个人页面,却对编程一窍不通?没关系!带你一步步使用强大的 Qwen CLI 工具,让你在 20 分钟内,亲手完成制作个人主页的全过程。

前提条件

在开始之前,请确保你已准备好以下环境:

  1. 一台可以正常联网的电脑
    Qwen CLI 在写代码时需要联网。
  2. 操作系统和终端支持中文/英文显示
    确保你的操作系统(Windows/macOS/Linux)和终端可以正常显示和输入中英文字符。

第一步:注册Qwen 账号

首先,你需要一个Qwen的账号来授权 CLI 工具。

  1. 访问官网:使用 Chrome 浏览器
  2. 完成注册/登录:点击页面右上角的 “登录 / 注册” 按钮,按照指引完成账号创建。
  3. 记住账号信息:请记住你的注册方式(如手机号或邮箱),后续 CLI 登录会用到。

第二步:安装 Node.js (CLI 的运行环境)

Qwen CLI 是基于 Node.js 开发的,因此我们需要先安装这个运行环境。

  1. 访问下载页:打开 Node.js 官方下载页面
  2. 选择 LTS 版本:根据你的操作系统(Windows / macOS / Linux)下载 LTS (长期支持) 版本,这是最稳定和推荐的版本。
  3. 执行安装:双击下载的安装包,安装过程中保持默认选项,一路点击“下一步”即可。
  4. 验证安装:安装完成后,打开你的终端(或命令提示符),分别输入并执行以下两个命令:
# 检查 Node.js 和 npm 版本
node -v
npm -v

如果终端分别显示版本号,那就说明 Node.js 环境已成功安装!

第三步:安装 Qwen CLI (核心工具)

现在,我们可以安装主角——Qwen CLI 了。

  1. 打开终端:
  • Windows: 按 Win + R 键,输入 cmd 后回车。
  • macOS: 打开“应用程序” -> “实用工具” -> “终端 (Terminal)”。
  • Linux: 打开终端
  1. 执行安装命令:在终端中,输入以下命令并回车,它会从网络上下载并全局安装 Qwen CLI。
npm install -g @qwen-code/qwen-code@latest
  1. 验证安装:安装完成后,输入以下命令验证:
qwen --version

如果显示出版本号,说明 Qwen CLI 已成功安装。

第四步:登录你的 Qwen 账号

在使用前,需要让 CLI 工具获取你的账号授权。

  1. 启动登录流程:在终端中,直接输入 qwen 命令并回车。
qwen
  1. 浏览器授权:
  • CLI 会自动在你的默认浏览器中打开一个授权页面。
  • 如果你已在浏览器中登录了 Qwen 账号,只需点击 “授权” 即可。
  • 如果未登录,请先在网页上登录你的 Qwen 账号,然后进行授权。
  • 授权成功后,网页会提示“登录成功”,此时你可以关闭该网页。
  1. 返回终端:你会看到终端显示登录成功的欢迎信息,这表示 CLI 已经准备就绪!

第五步:开始编程 – 创建你的个人主页项目

最激动人心的部分来了!我们将用一句话让 Qwen CLI 为我们创建项目。

  1. 发送指令:在终端里,像聊天一样对 Qwen CLI 说出你的需求。你可以大胆发挥想象力,指令描述得越具体、越清晰,生成的效果可能就越符合你的预期!
帮我使用nodejs制作个人介绍页面,使用中文语言,页面炫酷漂亮
  1. 确认项目创建:Qwen CLI 会理解你的需求并自动创建项目名称。
  2. 进入项目目录:项目创建完成后,根据提示按回车确认最终完成后终端会显示一个本地网址,通常是 http://localhost:3000
  3. 在浏览器中打开这个网址,你就能看到你的个人主页的雏形了!最棒的是,当你修改内容时在终端对话框输入你要表述的即可

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注