astro安装
【摘要】 一、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 向导安装
-
打开终端,运行以下命令之一:
-
npm:
npm create astro@latest -
pnpm:
pnpm create astro@latest -
yarn:
yarn create astro
-
-
按提示输入项目名称,选择起始模板,并决定是否安装依赖。
-
向导完成后,进入项目目录:
cd 项目目录名。 -
如果向导中未安装依赖,在项目目录运行:
-
npm install -
或
pnpm install -
或
yarn install
-
-
依赖安装完成后,运行开发服务器命令预览项目。
方式二:手动安装
-
新建项目文件夹并进入该目录。
-
初始化
package.json文件。 -
在项目目录运行
npm install astro,或使用对应包管理器安装 Astro。 -
在
package.json的scripts中加入 Astro 常用脚本,包括dev、build、preview。 -
在项目根目录创建
astro.config.mjs配置文件。 -
手动补装所需依赖后启动开发服务器。
可选安装参数
-
--template <模板名>:基于官方模板或指定仓库创建项目。 -
--add <集成名>:创建项目时同时安装集成,例如--add react。
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)