---
aside: left
outline: [2, 3]
---

# 命令行工具

## create-fes-app

通过 `create-fes-app` 命令创建项目模板，输入`create-fes-app -h`则可以看到如下信息：

```
Usage: create-fes-app <name>

Options:
    -v, --version            Output the current version
    -h, --help               Display help for command
    -f, --force              Overwrite target directory if it exists
    -m, --merge              Merge target directory if it exists
```

可以在本机安装后使用：

::: code-group

```bash [pnpm]
# 全局安装
pnpm global add @fesjs/create-fes-app

# 创建模板
create-fes-app fes-app
```

```bash [npm]
# 全局安装
npm i -g @fesjs/create-fes-app

# 创建模板
create-fes-app fes-app
```

:::

推荐使用 `pnpm create` 和 `npx` 方式创建模板，一直使用最新的模板：

::: code-group

```bash [pnpm]
# 创建模板
pnpm create @fesjs/fes-app myapp

# 安装依赖
pnpm i

# 运行
pnpm dev
```

```bash [npm]
# 创建模板
npx @fesjs/create-fes-app myapp

# 安装依赖
npm install

# 运行
npm run dev
```

:::

## fes

需要在项目根目录执行 `fes` 命令，输入`fes -h`则可以看到如下信息：

```
Usage: fes <command> [options]

一个好用的前端应用解决方案

Options:
  -v, --vers         output the current version
  -h, --help         display help for command

Commands:
  build              build application for production
  dev [options]      start a local http service for development
  help               show command helps
  info               print debugging information about your environment
  webpack [options]  inspect webpack configurations

  Run fes <command> --help for detailed usage of given command.
```

### fes dev

启动本地开发服务器进行项目的开发调试。

```
Usage: fes dev [options]

start a local http service for development

Options:
  --port      http service port, like 8000
  --https     whether to turn on the https service
  -h, --help  display help for command
```

比如：

```bash
fes dev --port=8000
```

### fes build

编译构建 web 产物。

```
Usage: fes build [options]

build application for production

Options:
  -h, --help  display help for command
```

比如：

```
fes build
```

### fes help

打印帮助文档。
比如：

```bash
fes help
```

### fes info

打印当前项目的有用的环境信息，用来帮助定位问题。

```
Usage: fes info [options]

print debugging information about your environment

Options:
  -h, --help  display help for command
```

比如：

```bash
fes info
```

### fes webpack

查看项目使用的 webpack 配置。

```
Usage: fes webpack [options]

inspect webpack configurations

Options:
  --rule <ruleName>      inspect a specific module rule
  --plugin <pluginName>  inspect a specific plugin
  --rules                list all module rule names
  --plugins              list all plugin names
  --verbose              show full function definitions in output
  -h, --help             display help for command
```

比如：

```bash
fes webpack
```