安装
Kickoff依赖于 Luda / Kernel Engine, 目前提供两种常用方式对二者进行安装。
使用包管理器安装Kickoff
第一步:使用Yarn或Npm下载
yarn add luda https://github.com/oatw/kickoff/raw/v0.2.6/release/kickoff-0.2.6.tgz
或
npm install luda https://github.com/oatw/kickoff/raw/v0.2.6/release/kickoff-0.2.6.tgz --save
第二步:引入sass
// 在sass或scss入口文件中引入自定义变量
@import path_to_your_sass_variables
// 在sass或scss入口文件中引入Kickoff的sass样式文件
@import 'path_to_node_modules/kickoff/src/sass/index'
第三步:引入Javascript
// 在Javascript入口文件中引入Luda/Kernel Engine的Javascript文件
import 'luda/src/js/kernel/index'
// 在Javascript入口文件中引入Kickoff的Javascript文件
import 'kickoff'
安装编译好的Javascript和css
此安装方式适用于使用Luda内置组件作为主要组件库的场景,如在项目中已使用其它组件库, 请使用包管理器安装Kickoff。
第一步:下载编译好的文件
第二步:在模板中引入文件
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hi Kickoff!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<link rel="stylesheet" href="path_to/luda-default.min.css">
<link rel="stylesheet" href="path_to/kickoff.min.css">
</head>
<body>
<h1>Hi Luda!</h1>
<script src="path_to/luda.min.js"></script>
<script src="path_to/kickoff.min.js"></script>
</body>
</html>