goview_vue/doc/framework/start/introduction.html

60 lines
20 KiB
HTML
Raw Normal View History

2022-04-14 21:58:07 +08:00
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>开始 | GoView 说明文档</title>
<meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="./public/favicon.ico">
<meta name="description" content="低代码数据可视化开发平台">
<link rel="preload" href="/assets/css/0.styles.c80cae83.css" as="style"><link rel="preload" href="/assets/js/app.15743f62.js" as="script"><link rel="preload" href="/assets/js/2.9a6a83b1.js" as="script"><link rel="preload" href="/assets/js/3.18fdb057.js" as="script"><link rel="prefetch" href="/assets/js/10.c818d801.js"><link rel="prefetch" href="/assets/js/11.e1301bb3.js"><link rel="prefetch" href="/assets/js/12.800cdaee.js"><link rel="prefetch" href="/assets/js/13.80e57de0.js"><link rel="prefetch" href="/assets/js/14.490a751a.js"><link rel="prefetch" href="/assets/js/15.45648eea.js"><link rel="prefetch" href="/assets/js/16.998204a2.js"><link rel="prefetch" href="/assets/js/17.4c3fb292.js"><link rel="prefetch" href="/assets/js/18.157540e5.js"><link rel="prefetch" href="/assets/js/19.5631d692.js"><link rel="prefetch" href="/assets/js/20.626488bd.js"><link rel="prefetch" href="/assets/js/21.669b944c.js"><link rel="prefetch" href="/assets/js/22.be52ab50.js"><link rel="prefetch" href="/assets/js/23.2367ff6b.js"><link rel="prefetch" href="/assets/js/24.0f00a3c3.js"><link rel="prefetch" href="/assets/js/25.bdd8fc6f.js"><link rel="prefetch" href="/assets/js/26.1a872e22.js"><link rel="prefetch" href="/assets/js/27.c4279615.js"><link rel="prefetch" href="/assets/js/28.d797b9b3.js"><link rel="prefetch" href="/assets/js/29.452376dc.js"><link rel="prefetch" href="/assets/js/30.ec8f1e76.js"><link rel="prefetch" href="/assets/js/4.e9f1a882.js"><link rel="prefetch" href="/assets/js/5.c152c96c.js"><link rel="prefetch" href="/assets/js/6.7f7ed428.js"><link rel="prefetch" href="/assets/js/7.07811b98.js"><link rel="prefetch" href="/assets/js/8.1001bcaa.js"><link rel="prefetch" href="/assets/js/9.70918207.js">
<link rel="stylesheet" href="/assets/css/0.styles.c80cae83.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">GoView 说明文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/" class="nav-link">主页</a></div><div class="nav-item"><a href="/more/question.html" class="nav-link">问题反馈</a></div><div class="nav-item"><a href="/more/sponsor.html" class="nav-link">关于作者/赞助</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/" class="nav-link">主页</a></div><div class="nav-item"><a href="/more/question.html" class="nav-link">问题反馈</a></div><div class="nav-item"><a href="/more/sponsor.html" class="nav-link">关于作者/赞助</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/more/updateLog.html" class="sidebar-link">更新日志</a></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading open"><span>开始</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/framework/start/introduction.html" aria-current="page" class="active sidebar-link">初始化</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/framework/start/introduction.html#总览" class="sidebar-link">总览</a></li><li class="sidebar-sub-header"><a href="/framework/start/introduction.html#浏览器支持" class="sidebar-link">浏览器支持</a></li><li class="sidebar-sub-header"><a href="/framework/start/introduction.html#安装" class="sidebar-link">安装</a></li><li class="sidebar-sub-header"><a href="/framework/start/introduction.html#启动" class="sidebar-link">启动</a></li><li class="sidebar-sub-header"><a href="/framework/start/introduction.html#编译" class="sidebar-link">编译</a></li><li class="sidebar-sub-header"><a href="/framework/start/introduction.html#交流" class="sidebar-link">交流</a></li><li class="sidebar-sub-header"><a href="/framework/start/introduction.html#赞助" class="sidebar-link">赞助</a></li></ul></li><li><a href="/framework/start/pageGuide.html" class="sidebar-link">页面引导</a></li><li><a href="/framework/start/globalSetting.html" class="sidebar-link">设置介绍</a></li></ul></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>设计</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>开发</span> <span class="arrow right"></span></p> <!----></section></li><li><a href="/framework/upgrade/upgrade.html" class="sidebar-link">优化</a></li><li><a href="/framework/planning/planning.html" class="sidebar-link">V2.0 规划</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="开始"><a href="#开始" class="header-anchor">#</a> 开始</h1> <h2 id="总览"><a href="#总览" class="header-anchor">#</a> 总览</h2> <p>GoView 是一个低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可完成业务需求。
它的技术栈为:<strong><code>Vue3 + TypeScript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + PlopJS</code></strong></p> <p>在线 Demo 地址:<a href="https://www.mtruning.club" target="_blank" rel="noopener noreferrer">https://www.mtruning.club<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <p>Gitee 源码地址:<a href="https://gitee.com/MTrun" target="_blank" rel="noopener noreferrer">https://gitee.com/MTrun<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="浏览器支持"><a href="#浏览器支持" class="header-anchor">#</a> 浏览器支持</h2> <p>开发和测试平台均在 Google 和最新版 EDGE 上完成,暂未测试 IE11 等其它浏览器,如有需求请自行测试。</p> <h2 id="安装"><a href="#安装" class="header-anchor">#</a> 安装</h2> <p>本项目采用 pnpm 进行包管理,若要使用其它管理方式,请删除 <code>pnpm-lock.yaml</code> 并安装依赖</p> <div class="language-shell line-numbers-mode"><pre class="language-shell"><code><span class="token comment">#pnpm建议使用nrm切换到淘宝源</span>
<span class="token function">pnpm</span> <span class="token function">install</span>
<span class="token comment"># npm</span>
<span class="token function">npm</span> <span class="token function">install</span>
<span class="token comment"># yarn</span>
<span class="token function">yarn</span> <span class="token function">install</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><h2 id="启动"><a href="#启动" class="header-anchor">#</a> 启动</h2> <div class="language-shell line-numbers-mode"><pre class="language-shell"><code><span class="token comment">#pnpm</span>
<span class="token function">pnpm</span> dev
<span class="token comment"># npm</span>
<span class="token function">npm</span> run dev
<span class="token comment">#yarn</span>
<span class="token function">yarn</span> dev
<span class="token comment">#Makefile</span>
<span class="token function">make</span> dev
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br></div></div><h2 id="编译"><a href="#编译" class="header-anchor">#</a> 编译</h2> <div class="language-shell line-numbers-mode"><pre class="language-shell"><code><span class="token comment">#pnpm</span>
<span class="token function">pnpm</span> run build
<span class="token comment"># npm</span>
<span class="token function">npm</span> run build
<span class="token comment">#yarn</span>
<span class="token function">yarn</span> run build
<span class="token comment">#Makefile</span>
<span class="token function">make</span> dist
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br></div></div><h2 id="交流"><a href="#交流" class="header-anchor">#</a> 交流</h2> <p>QQ群1030129384</p> <p><img src="data:image/png;base64,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
<a href="/more/updateLog.html" class="prev">
更新日志
</a></span> <span class="next"><a href="/framework/start/pageGuide.html">
页面引导
</a>
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/assets/js/app.15743f62.js" defer></script><script src="/assets/js/2.9a6a83b1.js" defer></script><script src="/assets/js/3.18fdb057.js" defer></script>
</body>
</html>