dacejs.github.io/index.html at master · dacejs/dacejs.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html><html lang=""><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>Dace · 🐟 一个简单易用的 JavaScript 同构框架</title><meta name="viewport" content="width=device-width"/><meta name="generator" content="Docusaurus"/><meta name="description" content="🐟 一个简单易用的 JavaScript 同构框架"/><meta property="og:title" content="Dace · 🐟 一个简单易用的 JavaScript 同构框架"/><meta property="og:type" content="website"/><meta property="og:url" content="https://dacejs.github.io/index.html"/><meta property="og:description" content="🐟 一个简单易用的 JavaScript 同构框架"/><meta property="og:image" content="https://dacejs.github.io/img/docusaurus.png"/><meta name="twitter:card" content="summary"/><meta name="twitter:image" content="https://dacejs.github.io/img/docusaurus.png"/><link rel="shortcut icon" href="/img/favicon-dark.png"/><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css"/><link rel="alternate" type="application/atom+xml" href="https://dacejs.github.io/blog/atom.xml" title="Dace Blog ATOM Feed"/><link rel="alternate" type="application/rss+xml" href="https://dacejs.github.io/blog/feed.xml" title="Dace Blog RSS Feed"/><script type="text/javascript" src="https://buttons.github.io/buttons.js"></script><link rel="stylesheet" href="/css/main.css"/></head><body><div class="fixedHeaderContainer"><div class="headerWrapper wrapper"><header><a href="/"><img class="logo" src="/img/dace.svg" alt="Dace"/><h2 class="headerTitleWithLogo">Dace</h2></a><div class="navigationWrapper navigationSlider"><nav class="slidingNav"><ul class="nav-site nav-site-internal"><li class=""><a href="/docs/tutorial/getting-started" target="_self">文档</a></li><li class=""><a href="/docs/api/link" target="_self">API</a></li><li class=""><a href="/help" target="_self">帮助</a></li><li class=""><a href="/blog/" target="_self">博客</a></li></ul></nav></div></header></div></div><div class="navPusher"><div><div class="homeContainer"><div class="homeSplashFade"><div class="wrapper homeWrapper"><div class="projectLogo"><img src="/img/dace.svg" alt="Project Logo"/></div><div class="inner"><h2 class="projectTitle">Dace<small>🐟 一个简单易用的 JavaScript 同构框架</small></h2><div class="section promoSection"><div class="promoRow"><div class="pluginRowBlock"><div class="pluginWrapper buttonWrapper"><a class="button" href="/docs/tutorial/getting-started">开始</a></div><div class="pluginWrapper buttonWrapper"><a class="button" href="https://github.com/dacejs/dace">github</a></div></div></div></div></div></div></div></div><div class="mainContainer"><div class="container paddingBottom paddingTop"><div class="wrapper"><div class="gridBlock"><div class="blockElement alignCenter fourByGridBlock"><div class="blockContent"><h2><div><span><p>容易上手</p>
</span></div></h2><div><span><p>你不需要学习和配置许多构建工具。即时重新加载可以帮助你集中精力进行开发。当需要部署时，包会自动优化。</p>
</span></div></div></div><div class="blockElement alignCenter fourByGridBlock"><div class="blockContent"><h2><div><span><p>深度同构</p>
</span></div></h2><div><span><p>你只需要写一套代码，99% 的代码均是服务器端和浏览器端共用，能极大的提升开发效率和降低维护成本。</p>
</span></div></div></div><div class="blockElement alignCenter fourByGridBlock"><div class="blockContent"><h2><div><span><p>开箱即用</p>
</span></div></h2><div><span><p>Dace 使用 Webpack、Babel、ESLint、PostCSS 和其他优秀的项目来为应用程序提供动力。如果你想要高级配置，你可以直接编辑它们的配置文件。</p>
</span></div></div></div></div></div></div><div class="container lightBackground paddingBottom paddingTop"><div class="wrapper"><div class="gridBlock"><div class="blockElement imageAlignSide imageAlignRight twoByGridBlock"><div class="blockContent"><h2><div><span><p>快速入门</p>
</span></div></h2><div><span><p>无论使用 React 还是其他库，Dace 都致力让你关注代码，而不是构建工具。</p>
<p>要创建名为 <code>my-app</code> 的项目，请运行以下命令：</p>
<pre><code class="hljs css language-sh">npx create-dace-app my-app
</code></pre>
</span></div></div><div class="blockImage"><img src="/img/create-dace-app-480.gif"/></div></div></div></div></div><div class="productShowcaseSection paddingBottom"><h2>谁在使用 Dace ？</h2><p>其他人也在使用 Dace</p><div class="logos"><a href="https://touch.qunar.com"><img src="//source.qunarzz.com/common/hf/logo.png" alt="Qunar" title="Qunar"/></a></div><div class="more-users"><a class="button" href="/users.html">更多 Dace 使用者</a></div></div></div></div><footer class="nav-footer" id="footer"><section class="sitemap"><a href="/" class="nav-home"><img src="/img/dace.svg" alt="Dace" width="66" height="58"/></a><div><h5>文档</h5><a href="/docs/tutorial/getting-started">教程</a><a href="/docs/faq/custom-eslint">常见问题</a><a href="/docs/api/link">API</a></div><div><h5>社区</h5><a href="http://stackoverflow.com/questions/tagged/dace" target="_blank" rel="noreferrer noopener">Stack Overflow</a><a href="https://github.com/dacejs/dace/issues/new/choose">反馈</a></div><div><h5>更多</h5><a href="/blog">博客</a><a href="https://github.com/dacejs/dace">GitHub</a><a class="github-button" href="https://github.com/dacejs/dace" data-icon="octicon-star" data-count-href="/facebook/docusaurus/stargazers" data-show-count="true" data-count-aria-label="# stargazers on GitHub" aria-label="Star this project on GitHub">Star</a></div></section><a href="https://github.com/dacejs" target="_blank" rel="noreferrer noopener" class="fbOpenSource"><img src="/img/dace.svg" alt="Dace" width="170"/></a><section class="copyright">Copyright © 2018 dace</section></footer></div></body></html>