# 开始使用

👉 视频教程 (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路由在子网页路径上会存在'#'符号,但它的兼容性更高)

  • ? 新建/编辑窗口模式

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

  • ? 包管理

包管理可选NPMYARN两种,您可以选择其中一种,也可以全部选中使用。

  • ? EsLint代码验证设置

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

  1. 不验证

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

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

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

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

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

  • ? 模块定制

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

  • ? 启动端口

设置启动端口,默认为10010

  • ? 接口地址

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

# 启动项目

// 安装项目依赖
npm install

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