Astro 静态网站生成器

Astro：一种前端框架

• 1.安装 node.js

  • node.js 是 JavaScript 运行时环境，安装完后，命令行 node -v，npm -v 显示版本号表示安装成功。

• 2.VSCode 配置 node.js 环境

  • 1.在 node.js 安装路径下创建 node_global、node_cache、node_modules 文件夹，若已有则不创建

    ​

  • 2.在命令行运行以下命令

    npm config set prefix "刚才创建的 node_global 文件夹的路径"

    npm config set cache"刚才创建的 node_cache 文件夹的路径"

  • 3.环境变量设置

    • 在系统变量中，新建 NODE_PATH 变量，变量值设置为 node_modulesl 文件夹的路径。
    • 在用户变量中添加 node_global 文件夹的路径

  • 4.VSCode 安装插件：Code Runner、JavaScript(ES6) code snippet、Live Server

    • 4.1 打开命令行，运行 npm create astro@latest

      npm create astro@latest -- --template satnaing/astro-paper（使用模板）

    • 4.2 设置文件名、是否使用模板等，然后进入生成的文件夹,运行 npm run dev

      ​

    • 4.3

• 2.Astro 官网选择一个喜欢的主题

• 拷贝主题/项目模板（仓库）