vue-material-kit/documentation/assets/js/14.9f5fd545.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{225:function(e,t,r){"use strict";r.r(t);var n=r(0),s=Object(n.a)({},(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"content"},[e._m(0),e._v(" "),r("p",[e._v("Vue Material Kit is a beautiful resource built over "),r("a",{attrs:{href:"https://vuematerial.io/",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vue Material"),r("OutboundLink")],1),e._v(" and "),r("a",{attrs:{href:"https://vuejs.org/v2/guide/",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vuejs"),r("OutboundLink")],1),e._v(" with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components.\n. Vue Material Kit is the official Vuejs version of the Original Material Kit.")]),e._v(" "),e._m(1),e._v(" "),r("ul",[r("li",[e._v("Install Nodejs from "),r("a",{attrs:{href:"https://nodejs.org/en/",target:"_blank",rel:"noopener noreferrer"}},[e._v("Nodejs Official Page"),r("OutboundLink")],1)]),e._v(" "),r("li",[e._v("Open your terminal")]),e._v(" "),r("li",[e._v("Navigate to the project")]),e._v(" "),r("li",[e._v("Run "),r("code",[e._v("npm install")]),e._v(" or "),r("code",[e._v("yarn install")]),e._v(" if you use "),r("a",{attrs:{href:"https://yarnpkg.com/en/",target:"_blank",rel:"noopener noreferrer"}},[e._v("Yarn"),r("OutboundLink")],1)]),e._v(" "),e._m(2),e._v(" "),r("li",[e._v("A new tab will be opened in your browser")])]),e._v(" "),r("p",[e._v("You can also run additional npm tasks such as")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),r("p",[e._v("We used the latest 3.x "),r("a",{attrs:{href:"https://github.com/vuejs/vue-cli",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vue CLI"),r("OutboundLink")],1),e._v(" which aims to reduce project configuration\nto as little as possible. Almost everything is inside "),r("code",[e._v("package.json")]),e._v(" + some other related files such as\n"),r("code",[e._v("babel.config.js")]),e._v(", "),r("code",[e._v(".eslintrc.js")]),e._v(", "),r("code",[e._v(".postcssrc.js")]),e._v(", "),r("code",[e._v(".browserslistrc")])]),e._v(" "),e._m(5),e._v(" "),r("p",[e._v("Vue Material Kit also uses "),r("a",{attrs:{href:"https://vuematerial.io/ui-elements/elevation",target:"_blank",rel:"noopener noreferrer"}},[e._v("element-ui"),r("OutboundLink")],1),e._v(" components and restyles them to achieve consistent and homogenous interface with the existing custom components and general UI of the kit.")])])}),[function(){var e=this.$createElement,t=this._self._c||e;return t("h1",{attrs:{id:"short-description-and-usage"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#short-description-and-usage"}},[this._v("#")]),this._v(" Short Description and Usage")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"getting-started"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#getting-started"}},[this._v("#")]),this._v(" Getting Started")])},function(){var e=this.$createElement,t=this._self._c||e;return t("li",[this._v("Run "),t("code",[this._v("npm run dev")]),this._v(" or "),t("code",[this._v("yarn serve")]),this._v(" to start a local development server")])},function(){var e=this.$createElement,t=this._self._c||e;return t("ul",[t("li",[t("code",[this._v("npm run build")]),this._v(" to build your app for production")]),this._v(" "),t("li",[t("code",[this._v("npm run lint")]),this._v(" to run linting.")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"vue-cli"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue-cli"}},[this._v("#")]),this._v(" Vue-cli")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"element-ui"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#element-ui"}},[this._v("#")]),this._v(" Element-UI")])}],!1,null,null,null);t.default=s.exports}}]);