= 系统要求
|===
| 软件名称   | 版本           | 说明                | 安装及使用方法

| fnm       | >=1.33.1      | 用于管理 node 版本   | <<software-fnm,fnm 安装及使用方法>>
| node      | >=18          | node js 运行时      | <<software-node,Node 安装及使用方法>>
| pnpm      | >=7           | 前端包管理工具        | <<software-pnpm,pnpm 安装及使用方法>>
|===

= 新建前端项目
[source,bash]
----
# 1. 创建新项目目录
mkdir /Users/wangshaoping/wspsc/workspace/wangshaoping/v8/sample/frontend/io.sc.sample.frontend

# 2. 进入到新建的项目目录中
cd /Users/wangshaoping/wspsc/workspace/wangshaoping/v8/sample/frontend/io.sc.sample.frontend

# 3. 初始化项目, 执行完毕后会在项目目录中生成 package.json 文件
pnpm init

# 4. 安装 platform-core 包
pnpm add platform-core

# 5. 根据模版创建新项目
npx platform create  <1>

# 6. 安装依赖包
pnpm install

# 7. 启动项目
pnpm serve

# 8. 打开浏览器访问
http://localhost:3000
----
<1> 注意是 npx 命令, 而不是 pnpm!


