mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-29 18:48:45 +08:00
cli: add formatting tool prettier
This commit is contained in:
parent
6e1bfd6ea6
commit
5b6f0fbd80
10
.prettierrc
Normal file
10
.prettierrc
Normal file
@ -0,0 +1,10 @@
|
||||
{
|
||||
"printWidth": 80,
|
||||
"tabWidth": 2,
|
||||
"useTabs": false,
|
||||
"singleQuote": true,
|
||||
"semi": false,
|
||||
"trailingComma": "none",
|
||||
"bracketSpacing": true,
|
||||
"arrowParens": "avoid"
|
||||
}
|
@ -19,20 +19,20 @@ title: 快速开始
|
||||
}
|
||||
```
|
||||
|
||||
> PS: 可以通过编辑器实时修改预览
|
||||
> PS: 可以通过编辑器实时修改预览
|
||||
|
||||
从上面的内容可以看出,一个简单页面框架已经基本出来了,这是 AMis 渲染器配置的入口。从 `page` 渲染器开始出发,通过在容器中放置不同的渲染器来配置不同性质的页面。
|
||||
|
||||
简单说明以上配置信息。
|
||||
|
||||
* `$schema` 这个字段可以忽略,他是指定当前 JSON 配置是符合指定路径 http://amis.baidu.com/v2/schemas/page.json 的 JSON SCHEMA 文件描述的。PS: 编辑器就是靠这个描述文件提示的,可以 hover 到字段上看效果。
|
||||
* `type` 指定渲染器类型,这里指定的类型为 `page`。 更多渲染器类型可以去[这里面查看](/v2/docs/renderers)。
|
||||
* `title` 从 title 开始就是对应的渲染模型上的属性了。这里用来指定标题内容。
|
||||
* `subTitle` 副标题.
|
||||
* `remark` 标题上面的提示信息
|
||||
* `aside` 边栏区域内容
|
||||
* `body` 内容区域的内容
|
||||
* `toolbar` 工具栏部分的内容
|
||||
- `$schema` 这个字段可以忽略,他是指定当前 JSON 配置是符合指定路径 http://amis.baidu.com/v2/schemas/page.json 的 JSON SCHEMA 文件描述的。PS: 编辑器就是靠这个描述文件提示的,可以 hover 到字段上看效果。
|
||||
- `type` 指定渲染器类型,这里指定的类型为 `page`。 更多渲染器类型可以去[这里面查看](/v2/docs/renderers)。
|
||||
- `title` 从 title 开始就是对应的渲染模型上的属性了。这里用来指定标题内容。
|
||||
- `subTitle` 副标题.
|
||||
- `remark` 标题上面的提示信息
|
||||
- `aside` 边栏区域内容
|
||||
- `body` 内容区域的内容
|
||||
- `toolbar` 工具栏部分的内容
|
||||
|
||||
这里有三个配置都是容器类型的。`aside`、`body` 和 `toolbar`。什么是容器类型?容器类型表示,他能够把其他渲染类型放进来。以上的例子为了简单,直接放了个字符串。字符串类型内部是把他当成了 [tpl](/v2/docs/renderers#tpl) 渲染器来处理,在这里也可以通过对象的形式指定,如以下的例子的 body 区域是完全等价的。
|
||||
|
||||
@ -71,7 +71,6 @@ title: 快速开始
|
||||
|
||||
再来看一个表单页面的列子
|
||||
|
||||
|
||||
```schema:height="440"
|
||||
{
|
||||
"$schema": "http://amis.baidu.com/v2/schemas/page.json#",
|
||||
@ -185,8 +184,8 @@ title: 快速开始
|
||||
"value": "3"
|
||||
},
|
||||
{
|
||||
"label": "漂亮",
|
||||
"value": "紧张"
|
||||
"label": "紧张",
|
||||
"value": "4"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
13
package.json
13
package.json
@ -114,8 +114,10 @@
|
||||
"fis3-preprocessor-js-require-css": "^0.1.3",
|
||||
"font-awesome": "4.7.0",
|
||||
"highlight.js": "^9.12.0",
|
||||
"husky": "^2.2.0",
|
||||
"jest": "^24.5.0",
|
||||
"js-yaml": "^3.10.0",
|
||||
"lint-staged": "^8.1.6",
|
||||
"marked": "^0.3.7",
|
||||
"mobx-wiretap": "^0.12.0",
|
||||
"react-frame-component": "^2.0.0",
|
||||
@ -149,5 +151,16 @@
|
||||
"diagnostics": false
|
||||
}
|
||||
}
|
||||
},
|
||||
"husky": {
|
||||
"hooks": {
|
||||
"pre-commit": "lint-staged"
|
||||
}
|
||||
},
|
||||
"lint-staged": {
|
||||
"*.{js,ts,tsx,jsx,css,less,md}": [
|
||||
"prettier --write",
|
||||
"git add"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user