开始 / get started

优质
小牛编辑
132浏览
2023-12-01

安装 / Install

通过 bower 进行安装

# 如果你没有安装 bower,请先安装 bower 哟
# 如果已经安装过 bower,请跳过这一条
npm install -g bower

# 开始安装 moye
bower install moye

或者从 github 上直接克隆源码

# 通过 git 从 github 上获取 moye
git clone https://github.com/ecomfe/moye.git

设定 / Setup

设定 amd 配置

moye 是基于 amd 模式开发的,因此在正式使用前,需要对 amd 模块加载器进行配置。

require.config({
    baseUrl: 'src',

    // 只需要在这里配置一下 moye 包配置即可
    packages: [{
        name: 'moye',
        main: 'main',

        // 实际上主要是这个参数啦,指向项目中的 moye 目录即可
        location: 'path/to/your/moye'
    }]
});

NOTICE: moye 并不支持在 global 变量模式或者 cjs 模式下使用。建议使用 amd 来构建你的项目

设定 less 编译路径

moye的样式源码是使用 less 进行编写的。
我们使用了 est 来简化我们在开发 less 时的工作。est 这是一个非常强大的 less mixin 库。
因此,在你的 less 编译参数中,需要将 est 的路径加入到 paths中。

将 est 路径加入 less 编译参数中

lessc --include-path=path/to/your/est

一将来讲 est 会在 bower install 一起安装到你的项目,位于 moye 同一级的目录。
如果没有通过 bower 安装,那么可以通过这条命令来安装它

git clone https://github.com/ecomfe/est.git

完成 / done

你已经完成了全部设置,开始使用吧!