San

A fast, portable, flexible JavaScript component framework

Generate Convert Improve

Install / Use

/learn @baidu/San

About this skill

Quality Score

0/100

README

<a href="https://baidu.github.io/san/"> <img src="https://baidu.github.io/san/img/logo-colorful.svg" alt="Logo" height="220"> </a> <h1 align="center">SAN</h1> 一个快速、轻量、灵活的 JavaScript 组件框架 A fast, portable, flexible JavaScript component framework. <a href="https://www.npmjs.com/package/san"><img src="http://img.shields.io/npm/v/san.svg?style=flat-square" alt="NPM version"></a> <a href="https://www.npmjs.com/package/san"><img src="https://img.shields.io/github/license/baidu/san.svg?style=flat-square" alt="License"></a> <a href="https://github.com/baidu/san/actions"><img src="https://github.com/baidu/san/workflows/CI/badge.svg" alt="Build Status"></a> <a href="https://coveralls.io/github/baidu/san?branch=master"><img src="https://img.shields.io/coveralls/github/baidu/san.svg?style=flat-square" alt="Coverage Status"></a> <a href="https://github.com/baidu/san/issues"><img src="https://img.shields.io/github/issues/baidu/san.svg?style=flat-square" alt="Issues"></a> <a href="https://baidu.github.io/san/en/index.html" target="_blank">HomePage</a> <a href="https://baidu.github.io/san/" target="_blank">网站</a>

安装(Install)

NPM:

$ npm i san

CDN:

<script src="https://unpkg.com/san@latest"></script>

发布文件说明(Dist Files Information)

快速开始(Quick Start)

<!DOCTYPE html>
<html>

<head>
    <title>Quick Start</title>
    <script src="https://unpkg.com/san@latest"></script>
</head>

<body>
    <script>
        const MyApp = san.defineComponent({
            template: `
                <div>
                    <input type="text" value="{=name=}">
                    <p>Hello {{name}}!</p>
                </div>
            `
        });

        let myApp = new MyApp({
            data: {
                name: 'San'
            }
        });
        myApp.attach(document.body);
    </script>
</body>

</html>

示例(Examples)

文档(Document)

周边(Companions)

| | 说明(Description) | | --------------------- | ------------------------------- | | san-devtools | 调试应用的工具和扩展 Development tools for debugging applications | | san-router | 支持 hash 和 html5 模式的 Router SPA/MPA Router | | san-store | 应用状态管理套件 Application States Management | | san-update | Immutable的对象更新库 Immutable Data Update | | san-composition | 组合式 API Composition API | | san-ssr | 服务端渲染框架与工具库 SSR framework and utils | | santd | Ant Design 风格的组件库 Components Library following the Ant Design specification | | san-mui | Material Design 风格的组件库 Material Design Components Library | | san-xui | 百度云控制台风格的组件库 A Set of UI Components that widely used on Baidu Cloud Console | | sanny | VSCode 插件 VSCode extension for SAN | | san-cli | 帮助快速搭建应用的命令行工具 A CLI tooling for rapid development | | san-loader | 支持 sfc 的 Webpack loader Webpack loader for single-file components | | san-factory | 组件工厂能帮助你在不同环境下更灵活的装配组件 Component register and instantiation | | san-anode-utils | ANode 处理工具库 Util Functions for ANode | | san-test-utils | 单元测试工具库 The unit testing utility library |

变更历史(ChangeLog)

Please visit document ChangeLog

License

San is MIT licensed.

特别感谢(Special Thanks)

文心快码源力计划标志

Related Skills

node-connect

341.2k

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps

frontend-design

84.5k

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-whisper-api

341.2k

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

commit-push-pr

84.5k

Commit, push, and open a PR