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

刺骨的言语ヽ痛彻心扉 2022-05-10 09:38 261阅读 0赞

# **搭建angular开发环境 ** #

a.安装node.js

下载地址：[https://nodejs.org/en/download/][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. `npm WARN deprecated istanbul-lib-hook@1.2.1: 1.2.0 should have been a major version bump`
33. `> fsevents@1.2.4 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. `> node-sass@4.9.2 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. `> node-sass@4.9.2 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.`

[https_nodejs.org_en_download]: https://nodejs.org/en/download/
[Angular CLI]: https://github.com/angular/angular-cli