feat: add emmet.md cheatsheet. 45a20dd749

This commit is contained in:
jaywcjlove
2022-10-06 16:49:19 +00:00
parent 4809324e52
commit 1be5fa4caa
6 changed files with 3724 additions and 16 deletions

3689
docs/emmet.html Normal file

File diff suppressed because one or more lines are too long

View File

@ -248,6 +248,12 @@
</span><span class="code-line"><span class="token function">npm</span> unpublish <span class="token operator">&#x3C;</span>package-name<span class="token operator">></span>@<span class="token operator">&#x3C;</span>version<span class="token operator">></span>
</span></code></pre>
<p>注意:如果您取消发布整个包,则必须在 24 小时后才能发布该包的任何新版本。</p>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="发布包-npmjsorg"><a aria-hidden="true" tabindex="-1" href="#发布包-npmjsorg"><span class="icon icon-link"></span></a>发布包 npmjs.org</h3><div class="wrap-body">
<pre class="language-bash"><code class="language-bash code-highlight"><span class="code-line"><span class="token function">npm</span> publish
</span><span class="code-line"><span class="token comment"># 第一次需要指定公开参数</span>
</span><span class="code-line"><span class="token function">npm</span> publish <span class="token parameter variable">--access</span> public
</span></code></pre>
<p>发布公开包,到 npmjs.org</p>
</div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="配置"><a aria-hidden="true" tabindex="-1" href="#配置"><span class="icon icon-link"></span></a>配置</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap"><div class="wrap-header h3wrap"><h3 id="npmrc"><a aria-hidden="true" tabindex="-1" href="#npmrc"><span class="icon icon-link"></span></a>.npmrc</h3><div class="wrap-body">

View File

@ -239,7 +239,11 @@
<table class="shortcuts"><thead><tr><th align="left">:-</th><th>-</th></tr></thead><tbody><tr><td align="left"><code>&#x3C;yel></code></td><td><yel>黄色</yel></td></tr><tr><td align="left"><code>&#x3C;pur></code></td><td><pur>紫色</pur></td></tr><tr><td align="left"><code>&#x3C;code></code><code>``</code></td><td><code>绿</code><code></code></td></tr></tbody></table>
<table class="shortcuts"><thead><tr><th align="left">:-</th><th>-</th></tr></thead><tbody><tr><td align="left"><code>&#x3C;yel></code></td><td><yel>黄色</yel></td></tr><tr><td align="left"><code>&#x3C;pur></code></td><td><pur>紫色</pur></td></tr><tr><td align="left"><code>&#x3C;code></code><code>``</code></td><td><code>绿</code><code></code></td></tr><tr><td align="left"><code>&#x3C;del></code><code>~~删除~~</code></td><td><del><del>红色</del></del></td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="布局"><a aria-hidden="true" tabindex="-1" href="#布局"><span class="icon icon-link"></span></a>布局</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap row-span-2"><div class="wrap-header h3wrap"><h3 id="h2-部分"><a aria-hidden="true" tabindex="-1" href="#h2-部分"><span class="icon icon-link"></span></a>H2 部分</h3><div class="wrap-body">

View File

@ -958,7 +958,8 @@
</span><span class="code-line">
</span><span class="code-line"><span class="token operator">&#x3C;</span>MyComponent header<span class="token operator">=</span><span class="token punctuation">{</span><span class="token operator">&#x3C;</span>h1<span class="token operator">></span>Header<span class="token operator">&#x3C;</span><span class="token operator">/</span>h1<span class="token operator">></span><span class="token punctuation">}</span> body<span class="token operator">=</span><span class="token punctuation">{</span><span class="token operator">&#x3C;</span>i<span class="token operator">></span>body<span class="token operator">&#x3C;</span><span class="token operator">/</span>i<span class="token operator">></span><span class="token punctuation">}</span> <span class="token operator">/</span><span class="token operator">></span>
</span></code></pre>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="泛型组件"><a aria-hidden="true" tabindex="-1" href="#泛型组件"><span class="icon icon-link"></span></a>泛型组件</h3><div class="wrap-body">
</div></div></div><div class="wrap col-span-2"><div class="wrap-header h3wrap"><h3 id="泛型组件"><a aria-hidden="true" tabindex="-1" href="#泛型组件"><span class="icon icon-link"></span></a>泛型组件</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-2-->
<pre class="language-tsx"><code class="language-tsx code-highlight"><span class="code-line"><span class="token comment">// 一个泛型组件</span>
</span><span class="code-line"><span class="token keyword">type</span> <span class="token class-name">SelectProps<span class="token operator">&#x3C;</span><span class="token constant">T</span><span class="token operator">></span></span> <span class="token operator">=</span> <span class="token punctuation">{</span> items<span class="token operator">:</span> <span class="token constant">T</span><span class="token punctuation">[</span><span class="token punctuation">]</span> <span class="token punctuation">}</span><span class="token punctuation">;</span>
</span><span class="code-line"><span class="token keyword">class</span> <span class="token class-name">Select<span class="token operator">&#x3C;</span><span class="token constant">T</span><span class="token operator">></span></span> <span class="token keyword">extends</span> <span class="token class-name">React</span><span class="token punctuation">.</span><span class="token property-access"><span class="token maybe-class-name">Component</span></span><span class="token operator">&#x3C;</span><span class="token maybe-class-name">SelectProps</span><span class="token operator">&#x3C;</span><span class="token constant">T</span><span class="token operator">></span><span class="token punctuation">,</span> <span class="token builtin">any</span><span class="token operator">></span> <span class="token punctuation">{</span><span class="token punctuation">}</span>