搭建angular开发环境
a.安装node.js
下载地址:https://nodejs.org/en/download/
确认安装结果 :
打开cmd或者terminal
-
Last login: Thu Aug 2 13:48:04 on ttys000
-
bogon:~ wjy$ node -v
-
v8.9.1
-
bogon:~ wjy$ npm -v
-
5.5.1
-
bogon:~ wjy$
b.全局安装 Angular CLI
npm install -g @angular/cli
-
Last login: Thu Aug 2 13:48:57 on ttys000
-
bogon:~ wjy$ npm install -g @angular/cli
确认安装结果:
-
bogon:~ wjy$ ng -v
-
_ _ ____ _ ___
-
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
-
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
-
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
-
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
-
|___/
-
Angular CLI: 6.1.1
-
Node: 8.11.3
-
OS: darwin x64
-
Angular:
-
...
-
Package Version
-
------------------------------------------------------
-
@angular-devkit/architect 0.7.1
-
@angular-devkit/core 0.7.1
-
@angular-devkit/schematics 0.7.1
-
@schematics/angular 0.7.1
-
@schematics/update 0.7.1
-
rxjs 6.2.2
-
typescript 2.7.2
c.创建一个新项目
ng new demo(项目名称)
-
bogon:WebstormProjects wjy$ ng new demo
-
CREATE demo/README.md (1021 bytes)
-
CREATE demo/angular.json (3530 bytes)
-
CREATE demo/package.json (1309 bytes)
-
CREATE demo/tsconfig.json (408 bytes)
-
CREATE demo/tslint.json (2805 bytes)
-
CREATE demo/.editorconfig (245 bytes)
-
CREATE demo/.gitignore (503 bytes)
-
CREATE demo/src/favicon.ico (5430 bytes)
-
CREATE demo/src/index.html (291 bytes)
-
CREATE demo/src/main.ts (370 bytes)
-
CREATE demo/src/polyfills.ts (3194 bytes)
-
CREATE demo/src/test.ts (642 bytes)
-
CREATE demo/src/styles.css (80 bytes)
-
CREATE demo/src/browserslist (375 bytes)
-
CREATE demo/src/karma.conf.js (964 bytes)
-
CREATE demo/src/tsconfig.app.json (170 bytes)
-
CREATE demo/src/tsconfig.spec.json (256 bytes)
-
CREATE demo/src/tslint.json (314 bytes)
-
CREATE demo/src/assets/.gitkeep (0 bytes)
-
CREATE demo/src/environments/environment.prod.ts (51 bytes)
-
CREATE demo/src/environments/environment.ts (631 bytes)
-
CREATE demo/src/app/app.module.ts (314 bytes)
-
CREATE demo/src/app/app.component.css (0 bytes)
-
CREATE demo/src/app/app.component.html (1141 bytes)
-
CREATE demo/src/app/app.component.spec.ts (989 bytes)
-
CREATE demo/src/app/app.component.ts (208 bytes)
-
CREATE demo/e2e/protractor.conf.js (752 bytes)
-
CREATE demo/e2e/tsconfig.e2e.json (213 bytes)
-
CREATE demo/e2e/src/app.e2e-spec.ts (300 bytes)
-
CREATE demo/e2e/src/app.po.ts (208 bytes)
-
⸨ ░░░░░░░░░░░░░░░░░⸩ ⠹ fetchMetadata: sill pacote range manifest for body-parse
等待下方的进度条跑完就回在相关目录下创建一个新项目
-
bogon:WebstormProjects wjy$ ng new demo
-
CREATE demo/README.md (1021 bytes)
-
CREATE demo/angular.json (3530 bytes)
-
CREATE demo/package.json (1309 bytes)
-
CREATE demo/tsconfig.json (408 bytes)
-
CREATE demo/tslint.json (2805 bytes)
-
CREATE demo/.editorconfig (245 bytes)
-
CREATE demo/.gitignore (503 bytes)
-
CREATE demo/src/favicon.ico (5430 bytes)
-
CREATE demo/src/index.html (291 bytes)
-
CREATE demo/src/main.ts (370 bytes)
-
CREATE demo/src/polyfills.ts (3194 bytes)
-
CREATE demo/src/test.ts (642 bytes)
-
CREATE demo/src/styles.css (80 bytes)
-
CREATE demo/src/browserslist (375 bytes)
-
CREATE demo/src/karma.conf.js (964 bytes)
-
CREATE demo/src/tsconfig.app.json (170 bytes)
-
CREATE demo/src/tsconfig.spec.json (256 bytes)
-
CREATE demo/src/tslint.json (314 bytes)
-
CREATE demo/src/assets/.gitkeep (0 bytes)
-
CREATE demo/src/environments/environment.prod.ts (51 bytes)
-
CREATE demo/src/environments/environment.ts (631 bytes)
-
CREATE demo/src/app/app.module.ts (314 bytes)
-
CREATE demo/src/app/app.component.css (0 bytes)
-
CREATE demo/src/app/app.component.html (1141 bytes)
-
CREATE demo/src/app/app.component.spec.ts (989 bytes)
-
CREATE demo/src/app/app.component.ts (208 bytes)
-
CREATE demo/e2e/protractor.conf.js (752 bytes)
-
CREATE demo/e2e/tsconfig.e2e.json (213 bytes)
-
CREATE demo/e2e/src/app.e2e-spec.ts (300 bytes)
-
CREATE demo/e2e/src/app.po.ts (208 bytes)
-
npm WARN deprecated istanbul-lib-hook@1.2.1: 1.2.0 should have been a major version bump
-
> fsevents@1.2.4 install /Users/wjy/WebstormProjects/demo/node_modules/fsevents
-
> node install
-
[fsevents] Success: "/Users/wjy/WebstormProjects/demo/node_modules/fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node" already installed
-
Pass --update-binary to reinstall or --build-from-source to recompile
-
> node-sass@4.9.2 install /Users/wjy/WebstormProjects/demo/node_modules/node-sass
-
> node scripts/install.js
-
Cached binary found at /Users/wjy/.npm/node-sass/4.9.2/darwin-x64-57_binding.node
-
> node-sass@4.9.2 postinstall /Users/wjy/WebstormProjects/demo/node_modules/node-sass
-
> node scripts/build.js
-
Binary found at /Users/wjy/WebstormProjects/demo/node_modules/node-sass/vendor/darwin-x64-57/binding.node
-
Testing binary
-
Binary is fine
-
added 1166 packages in 151.644s
-
Successfully initialized git.