mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-18 00:10:14 +01:00
116 lines
No EOL
6.4 KiB
HTML
116 lines
No EOL
6.4 KiB
HTML
<!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>ng2-admin 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>
|
||
<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>
|
||
<h2 id="install-tools">Install tools</h2>
|
||
<p>If you don’t have any of these tools installed already, you will need 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>
|
||
<li><p>bower</p>
|
||
<pre><code>npm install --global bower
|
||
</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>
|
||
<p><strong>Note</strong>: If you have any issues after the installation, additionally run the following:</p>
|
||
<pre><code class="lang-bash">typings install && bower install
|
||
</code></pre>
|
||
<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.
|
||
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>
|
||
<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–2016 Akveo LLC<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> |