Current Version : 0.3.0.
This project using Express / Angular-Cli / NodeJS for web application development.
- Development Enviroment Setup
- Getting Start
- Angular Cli Development Guide Line
- Node Express Development Line
- Deploying ( Production & Dockerize )
- Project Documents
- Install MongoDB - NoSql Database (This is optional , if you're sure you don't need a database)
- Install Node.js - Server
To check if you have installed NodeJs , open your Terminal (MAC) or CMD (Windows), you should able to see your node version. I recommend you using LTS version of NodeJs
$ node -v
v8.12.0
- Install Angular-Cli - Front-end frame-work for building Single Page Application
$ npm install -g @angular/cli
- Development Enviroment Check : ( ver. 0.3.0 )
$ ng version
Angular CLI: 7.3.0
Node: 8.12.0
OS: darwin x64
Angular: 7.2.3
... animations, common, compiler, core, forms, http
... language-service, platform-browser, platform-browser-dynamic
... router
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.13.0
@angular-devkit/build-angular 0.13.0
@angular-devkit/build-optimizer 0.13.0
@angular-devkit/build-webpack 0.13.0
@angular-devkit/core 7.3.0
@angular-devkit/schematics 7.3.0
@angular/cli 7.3.0
@angular/compiler-cli 7.2.6
@ngtools/webpack 7.3.0
@schematics/angular 7.3.0
@schematics/update 0.13.0
rxjs 6.4.0
typescript 3.2.4
webpack 4.29.0
- Install Gulp - Automate build work-flow (including typescript compiler / nodemon )
$ npm install -g gulp-cli
Open your terminal and locate to the mean-starter project folder and install the dependencies by using :
$ npm install
Run gulp to start the node server :
$ gulp
Ater running this command , Browser-sync will open a new Chrome Tab for you on localhost:3000. It will keep loading (known bug), kill the loading process and refresh it will be working fine. Browser-sync is proxying the localhost:7000 ( you can use this as well, but it will not auto refreshed while your Angular chages ).
Another Terminal , run :
$ ng build --watch
This allows angular-cli to compile your Angular application into dist folder.
If you need Mongo DB :
$ mongod
After installed mongodb in your compuer , you should put it into config.json Check config.json.
Open Chrome and go to localhost:7000, this should render basic Angular App.