astro安装

举报
yd_278385342 发表于 2026/11/04 15:12:30 2026/11/04
【摘要】 一、Astro Web 框架的安装过程Astro 框架通过命令行安装并生成项目,不是双击运行的桌面程序。前置条件安装 Node.js,版本需为 v22.12.0 或更高,不支持奇数版本。准备文本编辑器,例如 VS Code。使用终端执行命令。方式一:通过 CLI 向导安装打开终端,运行以下命令之一:npm:npm create astro@latestpnpm:pnpm create ast...

一、Astro Web 框架的安装过程

Astro 框架通过命令行安装并生成项目,不是双击运行的桌面程序。

前置条件

  • 安装 Node.js,版本需为 v22.12.0 或更高,不支持奇数版本。

  • 准备文本编辑器,例如 VS Code。

  • 使用终端执行命令。

方式一:通过 CLI 向导安装

  1. 打开终端,运行以下命令之一:

    • npm:npm create astro@latest

    • pnpm:pnpm create astro@latest

    • yarn:yarn create astro

  2. 按提示输入项目名称,选择起始模板,并决定是否安装依赖。

  3. 向导完成后,进入项目目录:cd 项目目录名。

  4. 如果向导中未安装依赖,在项目目录运行:

    • npm install

    • 或 pnpm install

    • 或 yarn install

  5. 依赖安装完成后,运行开发服务器命令预览项目。

方式二:手动安装

  1. 新建项目文件夹并进入该目录。

  2. 初始化 package.json 文件。

  3. 在项目目录运行 npm install astro,或使用对应包管理器安装 Astro。

  4. 在 package.json 的 scripts 中加入 Astro 常用脚本,包括 dev、build、preview。

  5. 在项目根目录创建 astro.config.mjs 配置文件。

  6. 手动补装所需依赖后启动开发服务器。

可选安装参数

  • --template <模板名>:基于官方模板或指定仓库创建项目。

  • --add <集成名>:创建项目时同时安装集成,例如 --add react。

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0)

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。