2.8 KiB

Raw Permalink Blame History

考务管理大数据平台(自定义)数据上报

Ant Design Pro

This project is initialized with Ant Design Pro. Follow is the quick guide for how to use.

Environment Prepare

Install node_modules:

npm install

yarn

Provided Scripts

Ant Design Pro provides some useful script to help you quick start and build with web project, code style check and test.

Scripts provided in package.json. It's safe to modify or add additional script:

Start project

npm start

Build project

npm run build

Check code style

npm run lint

You can also use script to auto fix some lint error:

npm run lint:fix

Test code

npm test

You can view full document on our official website. And welcome any feedback in our github.

使用区块

项目根目录使用如下命令可以添加一个区块到到你的项目中：

$ umi block add [block url]  --path=[target path]

[target path] 是你要把区块添加到的路径。如果已经这个路径下已经存在路由组件，那么 umi 会把区块添加到它里面。如果没有那么 umi 会先创建一个路由组件，然后再把区块添加进去。

比如，你可以运行：

Pro 中会默认去 pro-blocks 去寻找区块，而默认的区块地址则是 umi-blocks。如果你要在 Pro 中使用 umi 的区块，需要 add 全路径。在空项目中使用 Pro 的区块也是如此。默认情况下，添加的区块路由为 /[区块名]。如果希望添加到对应路径上，可以使用 --path 参数指定路由：

yarn umi block add ant-design-pro/analysis --path=your/path/here

非Pro区块

$ umi block add https://github.com/umijs/umi-blocks/tree/master/demo

$ yarn umi block add ./blocks/procomponents

Block

$ yarn umi block add --path http://localhost:5000/blocks/procomponents
$ yarn umi generate page hello
$ yarn umi block add ./blocks/procomponents
$ yarn umi block clear

$ yarn umi block add blocks/demo
$ yarn umi block add templates/blank
$ yarn umi block add https://github.com/umijs/umi-blocks/tree/master/templates/blank
$ yarn umi block add https://github.com/ant-design/pro-blocks/tree/master/EmptyPage
$ yarn umi block add http://10.10.14.176:3000/web/kwgl-web/src/branch/master/blocks/procomponents

本地区块 yarn umi block add [文件夹]/[区块] --path [路由]

$ yarn umi block add ./blocks/procomponents --path Demo

umi-block-convertor

Q&A

vscode TS 报错 "umi"没有导出的成员'xxx' command + p => 输入 >restart TS Server, 重启 TS 服务

2.8 KiB Raw Permalink Blame History