# 开始使用 🎬

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

下面说明如何使用CodeRd命令来定制代码。

# 环境准备(必读)🚩

  • Node 14.16.0
  • NPM 6.14.11

不要误会!

以上是作者使用的环境,但并不意味着需要严格遵守,罗列出来只是为了当出现可能是版本导致的问题时给您有个参考。

# 安装CodeRd

npm install -g coderd
1

对Node版本的建议

CodeRd建议使用Node v14.16.0来使用命令

# 构建项目 🎬

👉 视频教程 (opens new window)

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

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