Eva 3.0

# 开始使用

👉 视频教程 (opens new window)。

您可以直接前往定制页面 (opens new window)进行代码定制，但我们并不建议您这么做。我们强烈推荐您使用CodeRd命令来定制代码，因为这样我们可以更方便的生成页面和接口。无论如何，如果您打算使用Eva来开发您的项目，您都需要一个CodeRd账号来帮助您记录生成配置。前往注册 (opens new window)

下面说明如何使用CodeRd来定制代码，在定制之前，您需要确保安装了Node环境。

# 安装CodeRd

npm install -g coderd
1

# 构建项目

# 创建项目目录并执行构建命令

mkdir myproject-client
cd myproject-client

# 登录coderd（您也可以选择不登录，但不登录的情况下您无法生成页面）
coderd login

# 构建项目
coderd eva build-client
1
2
3
4
5
6
7
8

# 定制项目技术栈和功能模块

命令执行后您将获得以下定制化选项

  • ? 路由方式

提供Hash路由和History路由方案（Hash路由在子网页路径上会存在'#'符号，但它的兼容性更高）

  • ? 新建/编辑窗口模式

提供弹窗和抽屉两种窗口模式，弹窗模式为在屏幕中间弹窗窗口，抽屉模式为从屏幕右侧滑出窗口。

  • ? 包管理

包管理可选NPM和YARN两种，您可以选择其中一种，也可以全部选中使用。

  • ? EsLint代码验证设置

EsLint是目前热门的用于验证代码格式和规范的插件，Eva为您提供了三种使用方案。

  1. 不验证

当代码格式和规范不满足EsLint设定的规则时不做任何处理。

  1. 代码格式不正确时输出警告

当代码格式和规范不满足EsLint设定的规则时在控制台输出警告。

  1. 代码格式不正确时强烈要求修复

当代码格式和规范不满足EsLint设定的规则时视为编译错误，且将在控制台输出错误，此时无法访问错误的页面。

  • ? 模块定制

您可以根据您的需求选择您需要的模块。

  • ? 启动端口

设置启动端口，默认为10010。

  • ? 接口地址

设置接口地址，默认为http://localhost:10086。

# 启动项目

// 安装项目依赖
npm install

// 启动项目
npm run serve
1
2
3
4
5

← 前端手册 →