martes, 8 de agosto de 2017

Generate project using Angular 2 CLI and NPM, FUELUX, BOOTSTRAP@3


PASOS TO DEVELOP THE ANGULAR 2 APPLICATION
AWESOME FRONT END APPLICATION WITH ANGULAR JS















Time: 114ms
chunk    {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 178 kB {4} [initial]
chunk    {1} main.bundle.js, main.bundle.js.map (main) 53.3 kB {3} [initial] [rendered]
chunk    {2} styles.bundle.js, styles.bundle.js.map (styles) 10.5 kB {4} [initial]
chunk    {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.19 MB [initial]
chunk    {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry]
webpack: Compiled successfully.
^C¿Desea terminar el trabajo por lotes (S/N)? s
PS C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp\angular2> cd ..
PS C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp> cd /
PS C:\> dir


    Directorio: C:\


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                02_04
d-----        4/22/2015   7:59 AM                apache-maven-3.3.3
d-----       11/16/2015   6:21 PM                apache-tomcat-7.0.61
d-----        6/26/2017   7:28 PM                apache-tomcat-7.0.79
d-----        10/7/2015   7:28 PM                apache-tomcat-8.0.28
d-----       10/17/2015   7:50 PM                Apps
d-----        7/24/2016   2:17 PM                DELL
d-----       10/17/2015   8:00 PM                Drivers
d-----         8/3/2017  10:13 PM                EclipseProjects
d-----       11/10/2016  11:55 AM                HeadFirstAndroid-master
d-----        5/13/2016   4:09 PM                IBM
d-----        10/5/2016  12:31 AM                IBM_1
d-----         5/1/2017  10:19 AM                Intel
d-----         5/4/2016   5:12 PM                jboss-5.0.1.GA
d-----         5/4/2016  11:29 AM                jdk1.6.0_31
da----        7/24/2016   1:54 PM                jr7
da----        5/11/2016   9:44 PM                jre6
d-----        7/18/2015  12:22 AM                langpacks
d-----         8/8/2017   4:43 PM                linked
d-----       11/16/2015   6:21 PM                maven
d-----         8/1/2017   3:59 PM                mavenprojects
d-----        6/22/2017  12:52 PM                nester
d-----        3/18/2017   3:03 PM                PerfLogs
d-r---         8/4/2017   2:22 AM                Program Files
d-r---         8/4/2017   2:23 AM                Program Files (x86)
d-----        5/11/2016   1:08 PM                prueba
d-----        6/17/2017  11:17 AM                QUARANTINE
d-----         8/4/2017   2:18 AM                Recovery
d-----         5/5/2016   4:11 PM                Software
d-----         5/4/2016  11:20 AM                sqldeveloper
d-----        5/12/2016   3:56 PM                ster
d-----        5/12/2016   3:57 PM                Sterling
d-----        5/17/2016   5:51 PM                Sterling9.4andWebSphere8.5
d-----         5/5/2016  11:25 AM                Sterling921
d-----         8/4/2017   2:13 AM                temp
d-r---         8/4/2017   2:23 AM                Users
d-----         8/4/2017   2:52 AM                Windows
d-----         8/3/2017   8:02 PM                Windows.old
-a----        1/21/2016   4:05 PM           1024 .rnd
-a----        11/2/2015   4:28 AM            383 ftconfig.ini
-a----       11/10/2016  12:24 PM             91 HaxLogs.txt
-a----        12/1/2006  10:37 PM         904704 msdia80.dll
-a----       10/27/2015   2:48 PM            151 ods.exe.config


PS C:\> cd .\02_04\
PS C:\02_04> ls


    Directorio: C:\02_04


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                Begin
d-----         8/8/2017   4:44 PM                End
-a----        3/29/2017   9:15 PM           6148 .DS_Store
-a----        4/24/2017   6:42 PM           4096 ._.DS_Store
-a----        4/24/2017   6:42 PM           4096 ._Begin
-a----        4/24/2017   6:42 PM           4096 ._End


PS C:\02_04> cd End
PS C:\02_04\End> dir


    Directorio: C:\02_04\End


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:45 PM                linked-in-learning-full-stack-app-angular-spring-boot
-a----        3/29/2017   9:15 PM           6148 .DS_Store
-a----        4/24/2017   6:42 PM           4096 ._.DS_Store
-a----        4/24/2017   6:42 PM           4096 ._linked-in-learning-full-stack-app-angular-spring-boot


PS C:\02_04\End> cd .\linked-in-learning-full-stack-app-angular-spring-boot\
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot> dir


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:45 PM                .gradle
d-----         8/8/2017   4:45 PM                .settings
d-----         8/8/2017   4:45 PM                bin
d-----         8/8/2017   4:44 PM                gradle
d-----         8/8/2017   4:44 PM                src
-a----         8/8/2017   4:45 PM            511 .classpath
-a----        3/29/2017   9:16 PM           6148 .DS_Store
-a----        3/29/2017   2:38 PM            271 .gitignore
-a----         8/8/2017   4:45 PM            714 .project
-a----        4/24/2017   6:42 PM           4096 ._.DS_Store
-a----        4/24/2017   6:42 PM           4096 ._.gitignore
-a----        4/24/2017   6:42 PM           4096 ._build.gradle
-a----        4/24/2017   6:42 PM           4096 ._gradle
-a----        4/24/2017   6:42 PM           4096 ._gradlew
-a----        4/24/2017   6:42 PM           4096 ._gradlew.bat
-a----        4/24/2017   6:42 PM           4096 ._src
-a----        3/29/2017   2:38 PM            818 build.gradle
-a----        3/29/2017   2:38 PM           5299 gradlew
-a----        3/29/2017   2:38 PM           2260 gradlew.bat


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot> cd .\src\
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src> dir


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                main
d-----         8/8/2017   4:44 PM                test
-a----        4/24/2017   6:42 PM           4096 ._main
-a----        4/24/2017   6:42 PM           4096 ._test


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src> cd .\main\
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main> dir


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                java
d-----         8/8/2017   4:44 PM                resources
d-----         8/8/2017   4:44 PM                webapp
-a----        4/24/2017   6:42 PM           4096 ._java
-a----        4/24/2017   6:42 PM           4096 ._resources
-a----        4/24/2017   6:42 PM           4096 ._webapp


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main> cd .\webapp\
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp> ls


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                angular2
-a----        4/24/2017   6:42 PM           4096 ._angular2


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp> cd .\angular2\
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2> ls


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                e2e
d-----         8/8/2017   4:44 PM                src
-a----        3/29/2017   2:38 PM           1126 .angular-cli.json
-a----        3/29/2017   2:38 PM            245 .editorconfig
-a----        3/29/2017   2:38 PM            516 .gitignore
-a----        4/24/2017   6:42 PM           4096 ._.angular-cli.json
-a----        4/24/2017   6:42 PM           4096 ._.editorconfig
-a----        4/24/2017   6:42 PM           4096 ._.gitignore
-a----        4/24/2017   6:42 PM           4096 ._e2e
-a----        4/24/2017   6:42 PM           4096 ._karma.conf.js
-a----        4/24/2017   6:42 PM           4096 ._package.json
-a----        4/24/2017   6:42 PM           4096 ._protractor.conf.js
-a----        4/24/2017   6:42 PM           4096 ._README.md
-a----        4/24/2017   6:42 PM           4096 ._src
-a----        4/24/2017   6:42 PM           4096 ._tsconfig.json
-a----        4/24/2017   6:42 PM           4096 ._tslint.json
-a----        3/29/2017   2:38 PM           1240 karma.conf.js
-a----        3/29/2017   2:38 PM           1201 package.json
-a----        3/29/2017   2:38 PM            756 protractor.conf.js
-a----        3/29/2017   2:38 PM           1083 README.md
-a----        3/29/2017   2:38 PM            385 tsconfig.json
-a----        3/29/2017   2:38 PM           2710 tslint.json


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2> dir


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                e2e
d-----         8/8/2017   4:44 PM                src
-a----        3/29/2017   2:38 PM           1126 .angular-cli.json
-a----        3/29/2017   2:38 PM            245 .editorconfig
-a----        3/29/2017   2:38 PM            516 .gitignore
-a----        4/24/2017   6:42 PM           4096 ._.angular-cli.json
-a----        4/24/2017   6:42 PM           4096 ._.editorconfig
-a----        4/24/2017   6:42 PM           4096 ._.gitignore
-a----        4/24/2017   6:42 PM           4096 ._e2e
-a----        4/24/2017   6:42 PM           4096 ._karma.conf.js
-a----        4/24/2017   6:42 PM           4096 ._package.json
-a----        4/24/2017   6:42 PM           4096 ._protractor.conf.js
-a----        4/24/2017   6:42 PM           4096 ._README.md
-a----        4/24/2017   6:42 PM           4096 ._src
-a----        4/24/2017   6:42 PM           4096 ._tsconfig.json
-a----        4/24/2017   6:42 PM           4096 ._tslint.json
-a----        3/29/2017   2:38 PM           1240 karma.conf.js
-a----        3/29/2017   2:38 PM           1201 package.json
-a----        3/29/2017   2:38 PM            756 protractor.conf.js
-a----        3/29/2017   2:38 PM           1083 README.md
-a----        3/29/2017   2:38 PM            385 tsconfig.json
-a----        3/29/2017   2:38 PM           2710 tslint.json


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2> cd src
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src> dir


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                app
d-----         8/8/2017   4:44 PM                assets
d-----         8/8/2017   4:44 PM                environments
-a----        4/24/2017   6:42 PM           4096 ._app
-a----        4/24/2017   6:42 PM           4096 ._assets
-a----        4/24/2017   6:42 PM           4096 ._environments
-a----        4/24/2017   6:42 PM           4096 ._favicon.ico
-a----        4/24/2017   6:42 PM           4096 ._index.html
-a----        4/24/2017   6:42 PM           4096 ._main.ts
-a----        4/24/2017   6:42 PM           4096 ._polyfills.ts
-a----        4/24/2017   6:42 PM           4096 ._styles.css
-a----        4/24/2017   6:42 PM           4096 ._test.ts
-a----        4/24/2017   6:42 PM           4096 ._tsconfig.app.json
-a----        4/24/2017   6:42 PM           4096 ._tsconfig.spec.json
-a----        4/24/2017   6:42 PM           4096 ._typings.d.ts
-a----        3/29/2017   2:38 PM           5430 favicon.ico
-a----        3/29/2017   2:38 PM            295 index.html
-a----        3/29/2017   2:38 PM            336 main.ts
-a----        3/29/2017   2:38 PM           2429 polyfills.ts
-a----        3/29/2017   2:38 PM             80 styles.css
-a----        3/29/2017   2:38 PM           1081 test.ts
-a----        3/29/2017   2:38 PM            397 tsconfig.app.json
-a----        3/29/2017   2:38 PM            469 tsconfig.spec.json
-a----        3/29/2017   2:38 PM            104 typings.d.ts


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src> cd app
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src\app> dir


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src\app


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                images
-a----        4/24/2017   6:42 PM           4096 ._app.component.css
-a----        4/24/2017   6:42 PM           4096 ._app.component.html
-a----        4/24/2017   6:42 PM           4096 ._app.component.spec.ts
-a----        4/24/2017   6:42 PM           4096 ._app.component.ts
-a----        4/24/2017   6:42 PM           4096 ._app.module.ts
-a----        4/24/2017   6:42 PM           4096 ._images
-a----        3/29/2017   2:38 PM          25829 app.component.css
-a----        3/29/2017   2:38 PM          10463 app.component.html
-a----        3/29/2017   2:38 PM           1000 app.component.spec.ts
-a----        3/29/2017   2:38 PM           1222 app.component.ts
-a----        3/29/2017   2:38 PM            472 app.module.ts


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src\app> cd ..
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src> ng serve
node_modules appears empty, you may need to run `npm install`
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src> npm install

> node-sass@4.5.3 install C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\node_modules\node-sass
> node scripts/install.js

Cached binary found at C:\Users\rober\scoop\persist\nodejs\cache\node-sass\4.5.3\win32-x64-57_binding.node

> node-sass@4.5.3 postinstall C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\node_modules\node-sass
> node scripts/build.js

Binary found at C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 1063 packages in 118.909s
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src> npm -g @angular/cli

Usage: npm <command>

where <command> is one of:
    access, adduser, bin, bugs, c, cache, completion, config,
    ddp, dedupe, deprecate, dist-tag, docs, doctor, edit,
    explore, get, help, help-search, i, init, install,
    install-test, it, link, list, ln, login, logout, ls,
    outdated, owner, pack, ping, prefix, prune, publish, rb,
    rebuild, repo, restart, root, run, run-script, s, se,
    search, set, shrinkwrap, star, stars, start, stop, t, team,
    test, tst, un, uninstall, unpublish, unstar, up, update, v,
    version, view, whoami

npm <command> -h     quick help on <command>
npm -l           display full usage info
npm help <term>  search for help on <term>
npm help npm     involved overview

Specify configs in the ini-formatted file:
    C:\Users\rober\.npmrc
or on the command line via: npm <command> --key value
Config info can be viewed via: npm help config

npm@5.3.0 C:\Users\rober\scoop\apps\nodejs\8.2.1\node_modules\npm
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src> npm install -g @angular/cli
C:\Users\rober\scoop\persist\nodejs\bin\ng -> C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli\bin\ng
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\@angular\cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ @angular/cli@1.2.7
added 115 packages, removed 4 packages and updated 9 packages in 105.499s
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src> ls


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                app
d-----         8/8/2017   4:44 PM                assets
d-----         8/8/2017   4:44 PM                environments
-a----        4/24/2017   6:42 PM           4096 ._app
-a----        4/24/2017   6:42 PM           4096 ._assets
-a----        4/24/2017   6:42 PM           4096 ._environments
-a----        4/24/2017   6:42 PM           4096 ._favicon.ico
-a----        4/24/2017   6:42 PM           4096 ._index.html
-a----        4/24/2017   6:42 PM           4096 ._main.ts
-a----        4/24/2017   6:42 PM           4096 ._polyfills.ts
-a----        4/24/2017   6:42 PM           4096 ._styles.css
-a----        4/24/2017   6:42 PM           4096 ._test.ts
-a----        4/24/2017   6:42 PM           4096 ._tsconfig.app.json
-a----        4/24/2017   6:42 PM           4096 ._tsconfig.spec.json
-a----        4/24/2017   6:42 PM           4096 ._typings.d.ts
-a----        3/29/2017   2:38 PM           5430 favicon.ico
-a----        3/29/2017   2:38 PM            295 index.html
-a----        3/29/2017   2:38 PM            336 main.ts
-a----        3/29/2017   2:38 PM           2429 polyfills.ts
-a----        3/29/2017   2:38 PM             80 styles.css
-a----        3/29/2017   2:38 PM           1081 test.ts
-a----        3/29/2017   2:38 PM            397 tsconfig.app.json
-a----        3/29/2017   2:38 PM            469 tsconfig.spec.json
-a----        3/29/2017   2:38 PM            104 typings.d.ts


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\src> cd ..
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2> cd ..
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp> ls


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:50 PM                angular2
-a----        4/24/2017   6:42 PM           4096 ._angular2


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp> ng new angular2 --skip-git
Directory C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2 exists and is already an Angular CLI project.
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp> cd .\angular2\
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2> ls


    Directorio: C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/8/2017   4:44 PM                e2e
d-----         8/8/2017   4:50 PM                node_modules
d-----         8/8/2017   4:44 PM                src
-a----        3/29/2017   2:38 PM           1126 .angular-cli.json
-a----        3/29/2017   2:38 PM            245 .editorconfig
-a----        3/29/2017   2:38 PM            516 .gitignore
-a----        4/24/2017   6:42 PM           4096 ._.angular-cli.json
-a----        4/24/2017   6:42 PM           4096 ._.editorconfig
-a----        4/24/2017   6:42 PM           4096 ._.gitignore
-a----        4/24/2017   6:42 PM           4096 ._e2e
-a----        4/24/2017   6:42 PM           4096 ._karma.conf.js
-a----        4/24/2017   6:42 PM           4096 ._package.json
-a----        4/24/2017   6:42 PM           4096 ._protractor.conf.js
-a----        4/24/2017   6:42 PM           4096 ._README.md
-a----        4/24/2017   6:42 PM           4096 ._src
-a----        4/24/2017   6:42 PM           4096 ._tsconfig.json
-a----        4/24/2017   6:42 PM           4096 ._tslint.json
-a----        3/29/2017   2:38 PM           1240 karma.conf.js
-a----         8/8/2017   4:50 PM         280701 package-lock.json
-a----        3/29/2017   2:38 PM           1201 package.json
-a----        3/29/2017   2:38 PM            756 protractor.conf.js
-a----        3/29/2017   2:38 PM           1083 README.md
-a----        3/29/2017   2:38 PM            385 tsconfig.json
-a----        3/29/2017   2:38 PM           2710 tslint.json


PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2> npm install bootstrap@3
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ bootstrap@3.3.7
added 115 packages in 38.29s
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2> npm install fuelux

> fuelux@3.16.1 postinstall C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2\node_modules\fuelux
> node postinstall.js

npm WARN eslint-plugin-react@7.1.0 requires a peer of eslint@^3.0.0 || ^4.0.0 but none was installed.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ fuelux@3.16.1
added 122 packages in 28.801s
PS C:\02_04\End\linked-in-learning-full-stack-app-angular-spring-boot\src\main\webapp\angular2> ng serve
Your global Angular CLI version (1.2.7) is greater than your local
version (1.0.0-rc.4). The local Angular CLI version is used.

To disable this warning use "ng set --global warnings.versionMismatch=false".
** NG Live Development Server is running on http://localhost:4200 **
Hash: 6fdd759fca460ee58782
Time: 10036ms
chunk    {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 158 kB {4} [initial] [rendered]
chunk    {1} main.bundle.js, main.bundle.js.map (main) 41.4 kB {3} [initial] [rendered]
chunk    {2} styles.bundle.js, styles.bundle.js.map (styles) 9.77 kB {4} [initial] [rendered]
chunk    {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.69 MB [initial] [rendered]
chunk    {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]
webpack: Compiled successfully.


domingo, 6 de agosto de 2017

ANGULAR instalación pasos sencillos TOUR OF HEROES


He creado una nueva aplicacion ANGULAR desde mi ordenador, 


Es importante instalar primero  NPM?

QUE ES NPM'?

Npm

npm es el manejador de paquetes por defecto para Node.js, un entorno de ejecución para JavaScript.

Visión general[editar]

Desde la versión 0.6.3 de Node.js npm es instalado automáticamente con el entorno. npm se ejecuta desde la linea de comandos y maneja las dependencias para una aplicación.12​ Además, permite a los usuarios instalar aplicaciones Node.js que se encuentran en el repositorio. npm está escrito enteramente en JavaScript y fue desarrollado por Isaac Z. Schlueter a raíz de la frustración que experimentó mientras trabajando con CommonJS y considerando las deficiencias de otros proyectos similares como PHP (PEAR) y Perl (CPAN).3

Nombre[editar]

En noviembre 2014, Collin Winter escribió en GitHub que "npm" no es una abreviatura para "Node Package Manager", sino un retroacrónimo recursivo para "npm is not an acronym".4​ Aun así, en el archivo README.md encontrado en npm-0.0.1 se puede leer en la primera línea: "The Node Package Manager".1

Véase también[editar]

AHORA PARA INSTALARLO NECESITAMOS EJECUTAR EN LINEA DE COMANDO COMO POWERSHELL

angular 

This repo is for distribution on npm and bower. The source for this module is in the main AngularJS repo. Please file issues and pull requests against that repo.

Install

You can install this package either with npm or with bower.

npm

npm install angular
Then add a <script> to your index.html:
<script src="/node_modules/angular/angular.js"></script>
Or require('angular') from your code.

bower

bower install angular
Then add a <script> to your index.html:
<script src="/bower_components/angular/angular.js"></script>

Documentation

Documentation is available on the AngularJS docs site.

License

The MIT License
Copyright (c) 2010-2015 Google, Inc. http://angularjs.org
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.



C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli

Given version (angular/cli) does not match manifest ()
Attempting to generate manifest for '' (angular/cli)
'' does not have autoupdate capability
couldn't find manifest for '@angular/cli'
PS C:\WINDOWS\system32> npm
^C^C¿Desea terminar el trabajo por lotes (S/N)? s
PS C:\WINDOWS\system32> npm install -g @angular/cli
C:\Users\rober\scoop\persist\nodejs\bin\ng -> C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli\bin\ng

> node-sass@4.5.3 install C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli\node_modules\node-sass
> node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5.3/win32-x64-57_binding.node
Download complete..] - :
Binary saved to C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli\node_modules\node-sass\vendor\win32-x64-57\binding.node
Caching binary to C:\Users\rober\scoop\persist\nodejs\cache\node-sass\4.5.3\win32-x64-57_binding.node

> node-sass@4.5.3 postinstall C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli\node_modules\node-sass
> node scripts/build.js

Binary found at C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\@angular\cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ @angular/cli@1.2.7
added 890 packages in 134.798s
PS C:\WINDOWS\system32>


COMANDO CORRECTO EN POWERSHELL


 Microsoft Windows [Versión 10.0.15063]
(c) 2017 Microsoft Corporation. Todos los derechos reservados.

C:\WINDOWS\system32>cd C:\Users\rober\scoop\persist\nodejs\bin

C:\Users\rober\scoop\persist\nodejs\bin>powershell
Windows PowerShell
Copyright (C) 2016 Microsoft Corporation. Todos los derechos reservados.

PS C:\Users\rober\scoop\persist\nodejs\bin> npm install -g @angular/cli
C:\Users\rober\scoop\persist\nodejs\bin\ng -> C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli\bin\ng

> node-sass@4.5.3 install C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli\node_modules\node-sass
> node scripts/install.js

Cached binary found at C:\Users\rober\scoop\persist\nodejs\cache\node-sass\4.5.3\win32-x64-57_binding.node

> node-sass@4.5.3 postinstall C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli\node_modules\node-sass
> node scripts/build.js

Binary found at C:\Users\rober\scoop\persist\nodejs\bin\node_modules\@angular\cli\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\@angular\cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ @angular/cli@1.2.7
added 890 packages in 70.765s
PS C:\Users\rober\scoop\persist\nodejs\bin> cd .\src\
PS C:\Users\rober\scoop\persist\nodejs\bin\src> cd .\main\
PS C:\Users\rober\scoop\persist\nodejs\bin\src\main> cd .\webapp\
PS C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp> ng new angular2 --skip-git
installing ng
  create .editorconfig
  create README.md
  create src\app\app.component.css
  create src\app\app.component.html
  create src\app\app.component.spec.ts
  create src\app\app.component.ts
  create src\app\app.module.ts
  create src\assets\.gitkeep
  create src\environments\environment.prod.ts
  create src\environments\environment.ts
  create src\favicon.ico
  create src\index.html
  create src\main.ts
  create src\polyfills.ts
  create src\styles.css
  create src\test.ts
  create src\tsconfig.app.json
  create src\tsconfig.spec.json
  create src\typings.d.ts
  create .angular-cli.json
  create e2e\app.e2e-spec.ts
  create e2e\app.po.ts
  create e2e\tsconfig.e2e.json
  create karma.conf.js
  create package.json
  create protractor.conf.js
  create tsconfig.json
  create tslint.json
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Project 'angular2' successfully created.
PS C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp> scoop install -g @angular/cli

PS C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp> ls


    Directorio: C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/6/2017   6:44 PM                angular2


PS C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp> cd .\angular2\
PS C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp\angular2> ls


    Directorio: C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp\angular2


Mode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----         8/6/2017   6:41 PM                e2e
d-----         8/6/2017   6:44 PM                node_modules
d-----         8/6/2017   6:41 PM                src
-a----         8/6/2017   6:41 PM           1243 .angular-cli.json
-a----         8/6/2017   6:41 PM            245 .editorconfig
-a----         8/6/2017   6:41 PM            924 karma.conf.js
-a----         8/6/2017   6:44 PM         286283 package-lock.json
-a----         8/6/2017   6:41 PM           1313 package.json
-a----         8/6/2017   6:41 PM            722 protractor.conf.js
-a----         8/6/2017   6:41 PM           1099 README.md
-a----         8/6/2017   6:41 PM            363 tsconfig.json
-a----         8/6/2017   6:41 PM           3040 tslint.json


PS C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp\angular2> npm install bootstrap@3
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ bootstrap@3.3.7
added 115 packages in 38.349s
PS C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp\angular2> npm install fuelux

> fuelux@3.16.1 postinstall C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp\angular2\node_modules\fuelux
> node postinstall.js

npm WARN eslint-plugin-react@7.1.0 requires a peer of eslint@^3.0.0 || ^4.0.0 but none was installed.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ fuelux@3.16.1
added 123 packages in 41.355s
PS C:\Users\rober\scoop\persist\nodejs\bin\src\main\webapp\angular2> ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200 **
Hash: 8def4bc946069b57c465
Time: 14233ms
chunk    {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 178 kB {4} [initial] [rendered]
chunk    {1} main.bundle.js, main.bundle.js.map (main) 5.34 kB {3} [initial] [rendered]
chunk    {2} styles.bundle.js, styles.bundle.js.map (styles) 10.5 kB {4} [initial] [rendered]
chunk    {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.19 MB [initial] [rendered]
chunk    {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]
webpack: Compiled successfully.



 ***************

@angular/cli 

Angular CLI

CLI for Angular applications based on the ember-cli project.

Build Status CircleCI branch Dependency Status devDependency Status
npm npm npm npm
Join the chat at https://gitter.im/angular/angular-cli Caretaker
GitHub forks GitHub stars

Note

The CLI is now in 1.0. If you are updating from a beta or RC version, check out our 1.0 Update Guide.
If you wish to collaborate, check out our issue list.
Before submitting new issues, have a look at issues marked with the type: faq label.

Prerequisites

Both the CLI and generated project have dependencies that require Node 6.9.0 or higher, together with NPM 3 or higher.

Table of Contents

Installation

BEFORE YOU INSTALL: please read the prerequisites
npm install -g @angular/cli

Usage

ng help

Generating and serving an Angular project via a development server

ng new PROJECT-NAME
cd PROJECT-NAME
ng serve
Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
You can configure the default HTTP host and port used by the development server with two command-line options :
ng serve --host 0.0.0.0 --port 4201

Generating Components, Directives, Pipes and Services

You can use the ng generate (or just ng g) command to generate Angular components:
ng generate component my-new-component
ng g component my-new-component # using the alias
# components support relative path generation
# if in the directory src/app/feature/ and you run
ng g component new-cmp
# your component will be generated in src/app/feature/new-cmp
# but if you were to run
ng g component ../newer-cmp
# your component will be generated in src/app/newer-cmp
# if in the directory src/app you can also run
ng g component feature/new-cmp
# and your component will be generated in src/app/feature/new-cmp
You can find all possible blueprints in the table below:
scaffoldusage
Componentng g component my-new-component
Directiveng g directive my-new-directive
Pipeng g pipe my-new-pipe
Serviceng g service my-new-service
Classng g class my-new-class
Guardng g guard my-new-guard
Interfaceng g interface my-new-interface
Enumng g enum my-new-enum
Moduleng g module my-module
angular-cli will add reference to componentsdirectives and pipes automatically in the app.module.ts. If you need to add this references to another custom module, follow this steps:
  1. ng g module new-module to create a new module
  2. call ng g component new-module/new-component
This should add the new componentdirective or pipe reference to the new-module you've created.

Updating Angular CLI

If you're using Angular CLI 1.0.0-beta.28 or less, you need to uninstall angular-cli package. It should be done due to changing of package's name and scope from angular-cli to @angular/cli:
npm uninstall -g angular-cli
npm uninstall --save-dev angular-cli
To update Angular CLI to a new version, you must update both the global package and your project's local package.
Global package:
npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest
Local project package:
rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
npm install --save-dev @angular/cli@latest
npm install
If you are updating to 1.0 from a beta or RC version, check out our 1.0 Update Guide.
You can find more details about changes between versions in CHANGELOG.md.

Development Hints for working on Angular CLI

Working with master

git clone https://github.com/angular/angular-cli.git
cd angular-cli
npm link
npm link is very similar to npm install -g except that instead of downloading the package from the repo, the just cloned angular-cli/ folder becomes the global package. Additionally, this repository publishes several packages and we use special logic to load all of them on development setups.
Any changes to the files in the angular-cli/ folder will immediately affect the global @angular/clipackage, allowing you to quickly test any changes you make to the cli project.
Now you can use @angular/cli via the command line:
ng new foo
cd foo
npm link @angular/cli
ng serve
npm link @angular/cli is needed because by default the globally installed @angular/cli just loads the local @angular/cli from the project which was fetched remotely from npm. npm link @angular/cli symlinks the global @angular/cli package to the local @angular/cli package. Now the angular-cli you cloned before is in three places: The folder you cloned it into, npm's folder where it stores global packages and the Angular CLI project you just created.
You can also use ng new foo --link-cli to automatically link the @angular/cli package.
Please read the official npm-link documentation and the npm-link cheatsheet for more information.
To run the Angular CLI test suite use the node tests/run_e2e.js command. It can also receive a filename to only run that test (e.g. node tests/run_e2e.js tests/e2e/tests/build/dev-build.ts).
As part of the test procedure, all packages will be built and linked. You will need to re-run npm link to re-link the development Angular CLI environment after tests finish.

Documentation

The documentation for the Angular CLI is located in this repo's wiki.

License


 compilacion en tiempo real


********************

TOUR OF HEROES


Blogger Widgets