安装
SanoUI 提供了多种安装方式,你可以根据项目需求选择合适的方式。
CDN 引入
最快速的方式,适合快速原型和简单项目。
生产环境
html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.example.com/sanoui.min.css">
</head>
<body>
<script src="https://cdn.example.com/sanoui.min.js"></script>
</body>
</html>开发环境(未压缩)
html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.example.com/sanoui.css">
</head>
<body>
<script src="https://cdn.example.com/sanoui.js"></script>
</body>
</html>本地文件
下载文件到本地项目中使用。
方式一:下载完整压缩包(推荐)
📦 完整资源包
包含所有必需文件:sanoui.css、sanoui.js、sanoui.min.css、sanoui.min.js
方式二:单独下载文件
下载单个文件:
- sanoui.min.css
- sanoui.min.js
- sanoui.css(开发版本)
- sanoui.js(开发版本)
在 HTML 中引入:
html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./sanoui.min.css">
</head>
<body>
<script src="./sanoui.min.js"></script>
</body>
</html>NPM 安装(规划中)
bash
npm install sanouijavascript
import 'sanoui/dist/sanoui.css'
import 'sanoui/dist/sanoui.js'版本说明
- 最新版本:查看 GitHub Releases
- 兼容性:需要支持 ES6+ 的现代浏览器
文件大小
sanoui.min.css: ~50KB (gzipped)sanoui.min.js: ~200KB (gzipped)- 总计:~250KB (gzipped)