Angular CLI 설치
[root@spring2-vm ~]# npm install -g angular-cli
sanse-angular-app 프로젝트 생성
[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 ~]#
개발서버 시작
[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.
운영서버 배포를 위한 빌드
[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]#
Github 에 올리기
[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 확인
Add Comment