(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{534:function(s,t,a){s.exports=a.p+"assets/img/npm_error.afa09cf2.png"},597:function(s,t,a){"use strict";a.r(t);var n=a(12),e=Object(n.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h1",{attrs:{id:"mapgis-ui"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mapgis-ui"}},[s._v("#")]),s._v(" MapGIS UI")]),s._v(" "),t("p",[s._v("这里是 MapGIS UI 的 Vue 实现，开发和服务于企业级后台产品。")]),s._v(" "),t("h2",{attrs:{id:"特性"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#特性"}},[s._v("#")]),s._v(" 特性")]),s._v(" "),t("ol",[t("li",[s._v("提炼自企业级中后台产品的交互语言和视觉风格。")]),s._v(" "),t("li",[s._v("开箱即用的高质量 Vue 组件。")]),s._v(" "),t("li",[s._v("共享 Ant Design of React 设计工具体系。")])]),s._v(" "),t("h2",{attrs:{id:"支持环境"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#支持环境"}},[s._v("#")]),s._v(" 支持环境")]),s._v(" "),t("ol",[t("li",[s._v("现代浏览器")]),s._v(" "),t("li",[s._v("支持服务端渲染。")]),s._v(" "),t("li",[s._v("Electron")]),s._v(" "),t("li",[s._v("Cordova")])]),s._v(" "),t("h2",{attrs:{id:"es6-方式-外网"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#es6-方式-外网"}},[s._v("#")]),s._v(" ES6 方式（外网）")]),s._v(" "),t("p",[s._v("使用 npm 或 yarn 安装 #\n我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。")]),s._v(" "),t("div",{staticClass:"language-sh extra-class"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[t("span",{pre:!0,attrs:{class:"token function"}},[s._v("npm")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("install")]),s._v(" @mapgis/webclient-vue-ui "),t("span",{pre:!0,attrs:{class:"token parameter variable"}},[s._v("--save")]),s._v("\n")])])]),t("div",{staticClass:"language-sh extra-class"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[t("span",{pre:!0,attrs:{class:"token function"}},[s._v("yarn")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("add")]),s._v(" @mapgis/webclient-vue-ui\n")])])]),t("p",[s._v("如果你的网络环境不佳，推荐使用 "),t("a",{attrs:{href:"https://github.com/cnpm/cnpm",target:"_blank",rel:"noopener noreferrer"}},[s._v("cnpm"),t("OutboundLink")],1),s._v("。")]),s._v(" "),t("h2",{attrs:{id:"全局引入"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#全局引入"}},[s._v("#")]),s._v(" 全局引入")]),s._v(" "),t("div",{staticClass:"language-javascript extra-class"},[t("pre",{pre:!0,attrs:{class:"language-javascript"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// main.js")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@mapgis/webclient-vue-ui/dist-libs/webclient-vue-ui.css"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" mapgisui "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@mapgis/webclient-vue-ui"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])])]),t("h2",{attrs:{id:"基于内网仓库开发-内网"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#基于内网仓库开发-内网"}},[s._v("#")]),s._v(" 基于内网仓库开发（内网）")]),s._v(" "),t("p",[s._v("内网仓库建议使用 yarn 安装")]),s._v(" "),t("div",{staticClass:"language-sh extra-class"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[t("span",{pre:!0,attrs:{class:"token function"}},[s._v("npm")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[s._v("set")]),s._v(" registry http://192.168.11.130:4873/   （这里设置yarn的内部仓库源时需要先设置npm的内部，否则容易出问题）\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("yarn")]),s._v(" config "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[s._v("set")]),s._v(" registry http://192.168.11.130:4873/\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("yarn")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("add")]),s._v(" @mapgis/webclient-vue-ui\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# https://github.com/yarnpkg/yarn/issues/4862#issuecomment-368688262")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# npm config set registry https://registry.npm.taobao.org // 还原回公网仓库")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# yarn config set registry https://registry.npm.taobao.org // 还原回公网仓库")]),s._v("\n")])])]),t("div",{staticClass:"custom-block warning"},[t("p",{staticClass:"custom-block-title"},[s._v("WARNING")]),s._v(" "),t("p",[s._v("内网安装建议不要走 npm, npm 很容易出现下面的情况\n"),t("img",{attrs:{src:a(534),alt:"mapgis"}})])])])}),[],!1,null,null,null);t.default=e.exports}}]);