快速上手

npm / yarn 安装

使用 npm / yarn 的方式安装。

npm/cnpm i ansign-css -S

# OR

yarn add ansign-css

:::tip 我们后期会提供 CDN 引入方式，便于用户在链接地址上切换和锁定版本。 :::

引入使用

原生开发，在 head 引入。

<link rel="stylesheet" type="text/css" href="ansign-css.css">

使用框架，在项目中的入口文件进行引入操作。

import 'ansign-css.css'

按需引用

:::tip 当前原子库主要分为 basic、flex、utils 三部分。

basic：所有基础原子属性。

flex：所有关于 flex 的原子属性。

utils：工具类原子属性。

如果不需要全部的原子属性，只需要单独引入所需部分即可，这种方式可以使包体积变得很小。

后期会采用自动分离原子属性，即：引入整个原子库，最终项目打包只对使用的原子属性进行打包。 :::

原生开发，在 head 引入。

<!-- basic -->
<link rel="stylesheet" type="text/css" href="ansign-css-basic.css">
<!-- flex -->
<link rel="stylesheet" type="text/css" href="ansign-css-flex.css">
<!-- utils -->
<link rel="stylesheet" type="text/css" href="ansign-css-utils.css">

使用框架，在项目中的入口文件进行引入操作。

// basic
import 'ansign-css-basic.css'
// flex
import 'ansign-css-flex.css'
// utils
import 'ansign-css-utils.css'