Angular6学习笔记1：搭建开发环境

搭建angular开发环境 

a.安装node.js 

下载地址：https://nodejs.org/en/download/ 

确认安装结果 ：

打开cmd或者terminal

1. Last login: Thu Aug  2 13:48:04 on ttys000

2. bogon:~ wjy$ node -v

3. v8.9.1

4. bogon:~ wjy$ npm -v

5. 5.5.1

6. bogon:~ wjy$ 

b.全局安装 Angular CLI

npm install -g @angular/cli

1. Last login: Thu Aug  2 13:48:57 on ttys000

2. bogon:~ wjy$ npm install -g @angular/cli

确认安装结果：

1. bogon:~ wjy$ ng -v

2.      _                      _                 ____ _     ___

3.     / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|

4.    / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |

5.   / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |

6.  /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|

7.  

8.                 |___/

9. Angular CLI: 6.1.1

10. Node: 8.11.3

11. OS: darwin x64

12. Angular: 

13. ... 

14. Package                      Version

15. ------------------------------------------------------

16. @angular-devkit/architect    0.7.1

17. @angular-devkit/core         0.7.1

18. @angular-devkit/schematics   0.7.1

19. @schematics/angular          0.7.1

20. @schematics/update           0.7.1

21. rxjs                         6.2.2

22. typescript                   2.7.2

23.  
24.  

c.创建一个新项目

ng  new demo(项目名称）

1. bogon:WebstormProjects wjy$ ng new demo

2. CREATE demo/README.md (1021 bytes)

3. CREATE demo/angular.json (3530 bytes)

4. CREATE demo/package.json (1309 bytes)

5. CREATE demo/tsconfig.json (408 bytes)

6. CREATE demo/tslint.json (2805 bytes)

7. CREATE demo/.editorconfig (245 bytes)

8. CREATE demo/.gitignore (503 bytes)

9. CREATE demo/src/favicon.ico (5430 bytes)

10. CREATE demo/src/index.html (291 bytes)

11. CREATE demo/src/main.ts (370 bytes)

12. CREATE demo/src/polyfills.ts (3194 bytes)

13. CREATE demo/src/test.ts (642 bytes)

14. CREATE demo/src/styles.css (80 bytes)

15. CREATE demo/src/browserslist (375 bytes)

16. CREATE demo/src/karma.conf.js (964 bytes)

17. CREATE demo/src/tsconfig.app.json (170 bytes)

18. CREATE demo/src/tsconfig.spec.json (256 bytes)

19. CREATE demo/src/tslint.json (314 bytes)

20. CREATE demo/src/assets/.gitkeep (0 bytes)

21. CREATE demo/src/environments/environment.prod.ts (51 bytes)

22. CREATE demo/src/environments/environment.ts (631 bytes)

23. CREATE demo/src/app/app.module.ts (314 bytes)

24. CREATE demo/src/app/app.component.css (0 bytes)

25. CREATE demo/src/app/app.component.html (1141 bytes)

26. CREATE demo/src/app/app.component.spec.ts (989 bytes)

27. CREATE demo/src/app/app.component.ts (208 bytes)

28. CREATE demo/e2e/protractor.conf.js (752 bytes)

29. CREATE demo/e2e/tsconfig.e2e.json (213 bytes)

30. CREATE demo/e2e/src/app.e2e-spec.ts (300 bytes)

31. CREATE demo/e2e/src/app.po.ts (208 bytes)

32. ⸨ ░░░░░░░░░░░░░░░░░⸩ ⠹ fetchMetadata: sill pacote range manifest for body-parse

等待下方的进度条跑完就回在相关目录下创建一个新项目

1. bogon:WebstormProjects wjy$ ng new demo

2. CREATE demo/README.md (1021 bytes)

3. CREATE demo/angular.json (3530 bytes)

4. CREATE demo/package.json (1309 bytes)

5. CREATE demo/tsconfig.json (408 bytes)

6. CREATE demo/tslint.json (2805 bytes)

7. CREATE demo/.editorconfig (245 bytes)

8. CREATE demo/.gitignore (503 bytes)

9. CREATE demo/src/favicon.ico (5430 bytes)

10. CREATE demo/src/index.html (291 bytes)

11. CREATE demo/src/main.ts (370 bytes)

12. CREATE demo/src/polyfills.ts (3194 bytes)

13. CREATE demo/src/test.ts (642 bytes)

14. CREATE demo/src/styles.css (80 bytes)

15. CREATE demo/src/browserslist (375 bytes)

16. CREATE demo/src/karma.conf.js (964 bytes)

17. CREATE demo/src/tsconfig.app.json (170 bytes)

18. CREATE demo/src/tsconfig.spec.json (256 bytes)

19. CREATE demo/src/tslint.json (314 bytes)

20. CREATE demo/src/assets/.gitkeep (0 bytes)

21. CREATE demo/src/environments/environment.prod.ts (51 bytes)

22. CREATE demo/src/environments/environment.ts (631 bytes)

23. CREATE demo/src/app/app.module.ts (314 bytes)

24. CREATE demo/src/app/app.component.css (0 bytes)

25. CREATE demo/src/app/app.component.html (1141 bytes)

26. CREATE demo/src/app/app.component.spec.ts (989 bytes)

27. CREATE demo/src/app/app.component.ts (208 bytes)

28. CREATE demo/e2e/protractor.conf.js (752 bytes)

29. CREATE demo/e2e/tsconfig.e2e.json (213 bytes)

30. CREATE demo/e2e/src/app.e2e-spec.ts (300 bytes)

31. CREATE demo/e2e/src/app.po.ts (208 bytes)

32. npm WARN deprecated [email protected]: 1.2.0 should have been a major version bump

33. > [email protected] install /Users/wjy/WebstormProjects/demo/node_modules/fsevents

34. > node install

35. [fsevents] Success: "/Users/wjy/WebstormProjects/demo/node_modules/fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node" already installed

36. Pass --update-binary to reinstall or --build-from-source to recompile

37.  

38. > [email protected] install /Users/wjy/WebstormProjects/demo/node_modules/node-sass

39. > node scripts/install.js

40.  

41. Cached binary found at /Users/wjy/.npm/node-sass/4.9.2/darwin-x64-57_binding.node

42.  

43. > [email protected] postinstall /Users/wjy/WebstormProjects/demo/node_modules/node-sass

44. > node scripts/build.js

45. Binary found at /Users/wjy/WebstormProjects/demo/node_modules/node-sass/vendor/darwin-x64-57/binding.node

46. Testing binary

47. Binary is fine

48. added 1166 packages in 151.644s

49. Successfully initialized git.