Skip to content

安装

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

下载完整包

方式二:单独下载文件

  1. 下载单个文件:

  2. 在 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 sanoui
javascript
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)

下一步

Released under the MIT License.