Versions Compared

Old Version 1

changes.mady.by.user Sansae

Saved on

compared with

New Version Current

changes.mady.by.user Sansae

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Angular CLI 설치

Code Block
[root@spring2-vm ~]# npm install -g angular-cli


sanse-angular-app 프로젝트 생성

Code Block
[root@spring2-vm ~]# ng new sanse-angular-app
As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release,
which will only support Node 6.9 and greater. This package will be officially deprecated
shortly after.

To disable this warning use "ng set --global warnings.packageDeprecation=false".

installing ng2
  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.json
  create angular-cli.json
  create e2e/app.e2e-spec.ts
  create e2e/app.po.ts
  create e2e/tsconfig.json
  create .gitignore
  create karma.conf.js
  create package.json
  create protractor.conf.js
  create tslint.json
Successfully initialized git.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Project 'sanse-angular-app' successfully created.
[root@spring2-vm ~]#


개발서버 시작

Code Block
[root@spring2-vm ~]# cd sanse-angular-app/
[root@spring2-vm sanse-angular-app]# ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153
As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release,
which will only support Node 6.9 and greater. This package will be officially deprecated
shortly after.

To disable this warning use "ng set --global warnings.packageDeprecation=false".

fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
** NG Live Development Server is running on http://0.0.0.0:4201. **
Hash: bf1bfec00dd6eb8f5139                                                               
Time: 11027ms
chunk    {0} polyfills.bundle.js, polyfills.bundle.map (polyfills) 248 kB {4} [initial] [rendered]
chunk    {1} main.bundle.js, main.bundle.map (main) 3.93 kB {3} [initial] [rendered]
chunk    {2} styles.bundle.js, styles.bundle.map (styles) 9.71 kB {4} [initial] [rendered]
chunk    {3} vendor.bundle.js, vendor.bundle.map (vendor) 2.63 MB [initial] [rendered]
chunk    {4} inline.bundle.js, inline.bundle.map (inline) 0 bytes [entry] [rendered]
webpack: Compiled successfully.


운영서버 배포를 위한 빌드

Code Block
[root@spring2-vm sanse-angular-app]# 
[root@spring2-vm sanse-angular-app]# ng build
As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release,
which will only support Node 6.9 and greater. This package will be officially deprecated
shortly after.

To disable this warning use "ng set --global warnings.packageDeprecation=false".

fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
Hash: fade5f59371bc166b53c
Time: 10034ms
chunk    {0} polyfills.bundle.js, polyfills.bundle.map (polyfills) 248 kB {4} [initial] [rendered]
chunk    {1} main.bundle.js, main.bundle.map (main) 3.92 kB {3} [initial] [rendered]
chunk    {2} styles.bundle.js, styles.bundle.map (styles) 9.71 kB {4} [initial] [rendered]
chunk    {3} vendor.bundle.js, vendor.bundle.map (vendor) 2.39 MB [initial] [rendered]
chunk    {4} inline.bundle.js, inline.bundle.map (inline) 0 bytes [entry] [rendered]
[root@spring2-vm sanse-angular-app]# ls
angular-cli.json  e2e            node_modules  protractor.conf.js  src
dist              karma.conf.js  package.json  README.md           tslint.json
[root@spring2-vm sanse-angular-app]#



Image Added


Github 에 올리기

Code Block
[root@spring2-vm sanse-angular-app]# rm -rf .git
[root@spring2-vm sanse-angular-app]#
[root@spring2-vm sanse-angular-app]# git remote -v
fatal: Not a git repository (or any of the parent directories): .git
[root@spring2-vm sanse-angular-app]# 
[root@spring2-vm sanse-angular-app]# git remote add origin https://github.com/Sanses/sanse-angular-app.git
[root@spring2-vm sanse-angular-app]# git status
# On branch master
nothing to commit, working directory clean
[root@spring2-vm sanse-angular-app]# 
[root@spring2-vm sanse-angular-app]# 
[root@spring2-vm sanse-angular-app]# 
[root@spring2-vm sanse-angular-app]# git branch
* master
[root@spring2-vm sanse-angular-app]# 
[root@spring2-vm sanse-angular-app]# git remote -v
origin  https://github.com/Sanses/sanse-angular-app.git (fetch)
origin  https://github.com/Sanses/sanse-angular-app.git (push)
[root@spring2-vm sanse-angular-app]# 
[root@spring2-vm sanse-angular-app]# git pull origin master
[root@spring2-vm sanse-angular-app]#
[root@spring2-vm sanse-angular-app]# git add .
[root@spring2-vm sanse-angular-app]# git status
# On branch master
#
# Initial commit
#
# Changes to be committed:
#   (use "git rm --cached <file>..." to unstage)
#
#       new file:   .editorconfig
#       new file:   .gitignore
#       new file:   README.md
#       new file:   angular-cli.json
#       new file:   e2e/app.e2e-spec.ts
#       new file:   e2e/app.po.ts
#       new file:   e2e/tsconfig.json
#       new file:   karma.conf.js
#       new file:   package.json
#       new file:   protractor.conf.js
#       new file:   src/app/app.component.css
#       new file:   src/app/app.component.html
#       new file:   src/app/app.component.spec.ts
#       new file:   src/app/app.component.ts
#       new file:   src/app/app.module.ts
#       new file:   src/assets/.gitkeep
#       new file:   src/environments/environment.prod.ts
#       new file:   src/environments/environment.ts
#       new file:   src/favicon.ico
#       new file:   src/index.html
#       new file:   src/main.ts
#       new file:   src/polyfills.ts
#       new file:   src/styles.css
#       new file:   src/test.ts
#       new file:   src/tsconfig.json
#       new file:   tslint.json
#
[root@spring2-vm sanse-angular-app]# 
[root@spring2-vm sanse-angular-app]# git commit -m "sanse-angluar-app first commit"
[master (root-commit) acf59be] sanse-angluar-app first commit
 Committer: root <root@spring2-vm.nxcdbgh0ireenke3hbaucanybh.syx.internal.cloudapp.net>
Your name and email address were configured automatically based
on your username and hostname. Please check that they are accurate.
You can suppress this message by setting them explicitly:

    git config --global user.name "Your Name"
    git config --global user.email you@example.com

After doing this, you may fix the identity used for this commit with:

    git commit --amend --reset-author

 26 files changed, 620 insertions(+)
 create mode 100644 .editorconfig
 create mode 100644 .gitignore
 create mode 100644 README.md
 create mode 100644 angular-cli.json
 create mode 100644 e2e/app.e2e-spec.ts
 create mode 100644 e2e/app.po.ts
 create mode 100644 e2e/tsconfig.json
 create mode 100644 karma.conf.js
 create mode 100644 package.json
 create mode 100644 protractor.conf.js
 create mode 100644 src/app/app.component.css
 create mode 100644 src/app/app.component.html
 create mode 100644 src/app/app.component.spec.ts
 create mode 100644 src/app/app.component.ts
 create mode 100644 src/app/app.module.ts
 create mode 100644 src/assets/.gitkeep
 create mode 100644 src/environments/environment.prod.ts
 create mode 100644 src/environments/environment.ts
 create mode 100644 src/favicon.ico
 create mode 100644 src/index.html
 create mode 100644 src/main.ts
 create mode 100644 src/polyfills.ts
 create mode 100644 src/styles.css
 create mode 100644 src/test.ts
 create mode 100644 src/tsconfig.json
 create mode 100644 tslint.json
[root@spring2-vm sanse-angular-app]# git push -u origin master
Username for 'https://github.com': sooabia@gmail.com
Password for 'https://sooabia@gmail.com@github.com': 
Counting objects: 34, done.
Delta compression using up to 2 threads.
Compressing objects: 100% (30/30), done.
Writing objects: 100% (33/33), 9.75 KiB | 0 bytes/s, done.
Total 33 (delta 2), reused 0 (delta 0)
remote: Resolving deltas: 100% (2/2), done.
To https://github.com/Sanses/sanse-angular-app.git
   85e7109..67689ca  master -> master
Branch master set up to track remote branch master from origin.
[root@spring2-vm sanse-angular-app]#


Github 확인

Image Added