客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
<!doctype html><head><meta charset="utf-8"><style>.mydoc{font-size:14px;overflow:hidden}.mydoc_blockquote{padding:12px 5px 12px 30px;margin:2em 0 0 8px;border-width:0;border-left:4px solid #f66;background-color:#f8f8f8;position:relative;border-bottom-right-radius:2px;border-top-right-radius:2px;line-height:1.6em}.mydoc_blockquote:before{position:absolute;top:14px;left:-12px;background-color:#f66;color:#fff;content:"!";width:20px;height:20px;text-align:center;line-height:20px;font-weight:700;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:14px;border-radius:10px}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mydoc_code{overflow-x:auto;position:relative;background-color:#f8f8f8;padding:0;line-height:1.1em;border-radius:2px;margin:1.2em 0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==")}.mydoc_code_pre{padding:1.2em 1.4em;line-height:1.5em;margin:0}.mydoc_h1{margin:0 0 1em}.mydoc_h1_a{color:#2c3e50;text-decoration:none;font-size:2em}.mydoc_h1_h1{margin:45px 0 8px;padding-bottom:7px;font-size:28px}.mydoc_h2{margin:35px 0 .8em}.mydoc_h2_a{font-size:1.5em;text-decoration:none;color:#2c3e50}.mydoc_h2_a:before{content:"";display:block;margin-top:-40px;height:40px;visibility:hidden}.mydoc_h2_h2{margin:5px 0 8px;border-bottom:1px solid #ddd;font-size:20px;padding-bottom:1em}.mydoc_img{display:block;max-width:100%}.mydoc_li:first-child,:not(.mydoc_li)+.mydoc_li{margin-top:10px}.mydoc_li+.mydoc_li{margin-top:-10px}.mydoc_li{margin:0;color:#34495e;margin-bottom:10px;position:relative}.mydoc_p{line-height:1.6em;margin:1.2em 0 -1.2em;padding-bottom:1.2em;position:relative;z-index:1;color:#333}.mydoc_a{color:#42b983;font-weight:400;text-decoration:none;cursor:pointer}.mydoc_strong{font-weight:600;color:#2c3e50}</style></head><article class='mydoc'>
<div class="mydoc_h1">
<a class="mydoc_h1_a">
<h1 class="mydoc_h1_h1">my-doc-jsx-plugin-template</h1>
</a>
<div class="mydoc_h1_content">
<p class="mydoc_p"> 这是一个<a class="mydoc_a" href="https://github.com/laden666666/my-doc-jsx">my-doc-jsx</a>的一个插件模板，用于创建<strong class="mydoc_strong">my-doc-jsx</strong>插件。</p><div class="mydoc_h2">
<a class="mydoc_h2_a">
<h2 class="mydoc_h2_h2">使用方法</h2>
</a>
<div class="mydoc_h1_content">
<p class="mydoc_p"> 首先下载该模板，记住尽量不要用<strong class="mydoc_strong">git clone</strong>下载该插件，因为这样会生成.git目录，这样会影响你将你的插件上传到git上面。</p><p class="mydoc_p"> 然后修改<strong class="mydoc_strong">package.json</strong>文件，修改里面的<strong class="mydoc_strong">name</strong>、<strong class="mydoc_strong">main</strong>和<strong class="mydoc_strong">版本</strong>。</p><p class="mydoc_p"> 修改<strong class="mydoc_strong">build/webpack.*.conf.js</strong>里面的插件名称。模板项目的插件名称为<strong class="mydoc_strong">myDocJsxPluginTemplate</strong>,你需要将其改为你插件的名字。</p><p class="mydoc_p"> 修改<strong class="mydoc_strong">src</strong>里面的文件，根据hello world的例子完成你的插件</p>
</div>
</div><div class="mydoc_h2">
<a class="mydoc_h2_a">
<h2 class="mydoc_h2_h2">调试</h2>
</a>
<div class="mydoc_h1_content">
<p class="mydoc_p"> 执行</p><figure class='mydoc_code'>
<pre class="mydoc_code_pre cm-s-eclipse">npm run dev</pre>
</figure><p class="mydoc_p"> 模板工程会打开一个浏览器页面供你查看插件的效果</p>
</div>
</div><div class="mydoc_h2">
<a class="mydoc_h2_a">
<h2 class="mydoc_h2_h2">打包</h2>
</a>
<div class="mydoc_h1_content">
<p class="mydoc_p"> 执行</p><figure class='mydoc_code'>
<pre class="mydoc_code_pre cm-s-eclipse">npm run build</pre>
</figure><p class="mydoc_p"> 这样会在dist目录中输出插件的打包文件。</p>
</div>
</div><div class="mydoc_h2">
<a class="mydoc_h2_a">
<h2 class="mydoc_h2_h2">文档编写</h2>
</a>
<div class="mydoc_h1_content">
<p class="mydoc_p"> 修改<strong class="mydoc_strong">doc-jsx/README.jsx</strong>里面的文档，这是个doc-jsx文档。然后执行</p><figure class='mydoc_code'>
<pre class="mydoc_code_pre cm-s-eclipse">npm run doc</pre>
</figure><p class="mydoc_p"> 默认执行是不包含任何插件的，你可以修改<strong class="mydoc_strong">package.json</strong>文件里面的脚本，可以为doc-jsx加插件，甚至可以使用你刚刚开发的插件。</p>
</div>
</div>
</div>
</div>
</article>
 |
请发表评论