1. 安装SSR

   • 使用 npm 全局安装 SSR：

     npm install -g ssr

   • 检查版本：

     ssr -V

     确保版本为 2.1. 或更高。

2. 初始化项目

   • 创建项目目录：

     mkdir my-ssr-project
     cd my-ssr-project

   • 初始化项目并生成配置文件：

     ssr init

   • 打开 ssr.config.js 并根据需要配置：

     module.exports = {
       ssrVersion: '2.1.',
       sourceDir: './src',
       modulePrefix: './module',
       // 其他配置选项
     };

3. 编写代码

   • 创建文件结构：

     mkdir -p src

   • 新增 src/main.js：

     const { createApp } = require('ssr');
     const app = createApp();
     app.use('/api', require('./router'));
     module.exports = app;

   • 新增 src/router.js：

     const { Router } = require('ssr');
     const router = Router();
     router.get('/', (ctx) => {
       return '<h1>Hello SSR</h1>';
     });
     module.exports = router;

4. 运行项目

   • 运行开发服务器：

     npm run dev

   • 访问开发服务器：

     http://localhost:808

5. 验证

   打开浏览器,确认页面显示 "Hello SSR"。

6. 调试和问题解决

   • 如果遇到问题,检查 npm 版本，确保 Node.js 正确安装。
   • 调试日志：在 src/output.css 查看构建日志，找到错误位置。

通过以上步骤,您可以成功安装并运行SSR，创建模块化的应用程序。