zoukankan      html  css  js  c++  java
  • 搭建angular开发环境

    搭建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.
     
    ————————————————
    版权声明:本文为CSDN博主「wujiayucn」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/wjyyhhxit/java/article/details/81357675

  • 相关阅读:
    Mstsc 微软远程桌面控制工具
    session
    防止重复提交表单
    nginx日志格式及自定义日志配置
    代码审核:安全性测试方案
    代码审计:安全性测试方案
    Word转换为Html (用处:生成一些注册协议之类的)
    技术人员的发展之路 (转载)
    phpcms 杂记
    ThinkPHP 日志
  • 原文地址:https://www.cnblogs.com/ahu666/p/12850827.html
Copyright © 2011-2022 走看看