2016-05-25 13:42:47 +03:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
< meta name = "viewport" content = "width=device-width" >
< meta name = "keywords" content = "admin,dashboard,template,angular,bootstrap,blur,panel,html,css,javascript" >
< title > BlurAdmin documentation - Installation Guidelines< / title >
< link rel = "alternate" href = "http://localhost:8080/feed.xml" type = "application/rss+xml" title = "" >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic" >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css" >
< link rel = "stylesheet" href = "/ng2-admin/css/main.css" >
< link rel = "shortcut icon" href = "/ng2-admin/images/favicon.png" >
< / head >
< body >
< div class = "container" >
< div class = "nav-main" >
< div class = "wrap" > < a href = "/ng2-admin/" class = "nav-home" > < img src = "/ng2-admin/images/logo.png" width = "24" height = "24" class = "nav-logo" > < span class = "blur-label" > ng2-< / span > admin< / a >
< ul class = "nav-site nav-site-internal" >
< li > < a href = "/ng2-admin/" > Home< / a > < / li >
< li > < a href = "/ng2-admin/articles/001-getting-started/" class = "active" > Docs< / a > < / li >
< / ul > < span class = "nav-docs-right" > Need some help? Let us know! < a href = "mailto:contact@akveo.com" > contact@akveo.com< / a > < / span >
< / div >
< / div >
< section class = "content wrap documentationContent" >
< div class = "nav-docs" >
< div class = "nav-docs section" >
< h3 > Quick Start< / h3 >
< ul >
< li > < a href = "/ng2-admin/articles/001-getting-started/" > Getting Started< / a > < / li >
< li > < a href = "/ng2-admin/articles/002-installation-guidelines/" class = "active" > Installation Guidelines< / a > < / li >
< / ul >
< / div >
< div class = "nav-docs section" >
< h3 > Customization< / h3 >
< ul >
< li > < a href = "/ng2-admin/articles/011-changing-color-scheme/" > Changing Color Scheme< / a > < / li >
< li > < a href = "/ng2-admin/articles/014-switch-to-blur-theme/" > Enabling blur theme< / a > < / li >
< li > < a href = "/ng2-admin/articles/012-project-structure/" > Project Structure< / a > < / li >
< li > < a href = "/ng2-admin/articles/013-create-new-page/" > Create New Page< / a > < / li >
< / ul >
< / div >
< div class = "nav-docs section" >
< h3 > Components< / h3 >
< ul >
< li > < a href = "/ng2-admin/articles/016-spinner/" > Theme Spinner< / a > < / li >
< li > < a href = "/ng2-admin/articles/015-sidebar/" > Sidebar< / a > < / li >
< / ul >
< / div >
< / div >
< div class = "inner-content" >
< h1 > Installation Guidelines< / h1 >
< div class = "subHeader" > < / div > < h2 id = "prerequisites" > Prerequisites< / h2 >
2016-05-25 14:35:57 +03:00
< p > Despite BlurAdmin can be run without any development experience, it would be much easier if you already have some. In general following instructions allow you to run a local copy on your machine.< / p >
2016-05-25 13:42:47 +03:00
< h2 id = "install-tools" > Install tools< / h2 >
< p > If you don’ to:< / p >
< ul >
< li > Download and install < a href = "https://git-scm.com/" > git< / a > < / li >
< li > Download and install nodejs < a href = "https://nodejs.org" > https://nodejs.org< / a > < / li >
< / ul >
< p > < strong > Note< / strong > : Make sure you have Node version > = 4.0 and < span class = "caps" > NPM< / span > > = 3< / p >
< p > Once you have those, you should install these globals with < code > npm install --global< / code > :< / p >
< ul >
< li > < p > webpack< / p >
< pre > < code class = "lang-bash" > npm install --global webpack
< / code > < / pre >
< / li >
< li > < p > webpack-dev-server< / p >
< pre > < code class = "lang-bash" > npm install --global webpack-dev-server
< / code > < / pre >
< / li >
< li > < p > typings< / p >
< pre > < code class = "lang-bash" > npm install --global typings
< / code > < / pre >
< / li >
< li > < p > typescript< / p >
< pre > < code class = "lang-bash" > npm install --global typescript
< / code > < / pre >
< / li >
< / ul >
< h2 id = "clone-repository-and-install-dependencies" > Clone repository and install dependencies< / h2 >
< p > You will need to clone the source code of ng2-admin GitHub repository:< / p >
< pre > < code class = "lang-bash" > git < span class = "built_in" > clone< / span > https://github.com/akveo/ng2-admin.git
< / code > < / pre >
< p > After repository is cloned, go inside of the repository directory and install dependencies:< / p >
< pre > < code class = "lang-bash" > < span class = "built_in" > cd< / span > ng2-admin
npm install
< / code > < / pre >
< p > This will setup a working copy of ng2-admin on your local machine.< / p >
< h2 id = "running-local-copy" > Running local copy< / h2 >
< p > To run a local copy in development mode, execute:< / p >
< pre > < code class = "lang-bash" > npm start
< / code > < / pre >
< p > Go to < a href = "http://0.0.0.0:3000" > http://0.0.0.0:3000< / a > or < a href = "http://localhost:3000" > http://localhost:3000< / a > in your browser.< / p >
< p > To run the local copy in production mode and build the sources, execute:< / p >
< pre > < code class = "lang-bash" > npm run prebuild:prod & & npm run build:prod & & npm run server:prod
< / code > < / pre >
< p > This will clear up your dist folder (where release files are located), generate release build and start built-in server.
2016-05-25 14:35:57 +03:00
Now you can copy the sources from a < code > dist< / code > folder and use it with any backend framework or simply put it under some web server.< / p >
2016-05-25 13:42:47 +03:00
< p > For addition information about build, please check out < a href = "https://github.com/AngularClass/angular2-webpack-starter" > Angular2 Webpack Starter documentation< / a > < / p >
< / div >
< / section >
< footer class = "wrap" >
< div class = "left" > Powered by Angular 2, Bootstrap 4, Webpack and many more...< / div >
< div class = "right" > © 2015– < br / > Documentation licensed under < a href = "https://creativecommons.org/licenses/by/4.0/" > CC BY 4.0< / a > .< / div >
< / footer >
< / div > < a href = "https://github.com/akveo/ng2-admin" title = "Star & Fork on GitHub" class = "github-fork-ribbon" > < / a >
< / body >
< / html >
