Angular Info, Samples and Stuff

How I work with angular-cli on a computer that does not have internet access. This is helpful for corportate, secure environments and during travel.

STEPS

You will need to perform these steps on a computer that has internet access. After that you will be able to transfer some folders to your offline computer.

Online Computer

1. Install www.nodejs.com "LTS" version
2. Install cli.angular.io

>npm install -g @angular/cli
>ng new onlineapp
// after npm install completes successfully
>cd onlineapp
>ng serve
// make sure app was installed and runs correctly

3. Find your npm_cache folders (windows: %appdata%\Roaming\npm_cache)
4. zip npm_cache folder and name it npm_cache.zip

Offline Computer

1. Install www.nodejs.com "LTS" version
2. extract npm_cache.zip contents into your npm_cache folder (windows: %appdata%\Roaming\npm_cache)
3. configure npm to use your local npm_cache folder

>npm config set cache PATH_TO_CACHE_FOLDER
>npm config set cache min 999999999
>npm config shrinkwrap false

4. Install Angular-CLI from cache

>npm install -g @angular/cli

5. create a new Angular project with CLI and confirm it runs

>ng new offlineapp
// after npm install completes successfully
>cd offlineapp
>ng serve
// make sure app was installed and runs correctly

To add new/additional components to your offline environment:

1. npm install them on your online environment

// for example adding bootstrap 4
>npm install bootstrap@next --save 

2. zip the npm_cache folder
3. unzip the npm_cache.zip contents on your offline environment.