zoukankan      html  css  js  c++  java
  • Angular 指令详解

    1. Angular安装

     1.1 因为angular一般是用npm安装,所以需要先装npm. npm的安装一般用NodeJS. 所以把NodeJS装好,npm也就装好了。

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

        以Windows为例,下载安装最新版本。

                         

      安装完之后npm的会安装到C盘去:C:UsersMichaelQiaoAppDataRoaming pm

     1.2 配置npm的镜像,使用国内的镜像。

        npm config set registry=http://registry.npm.taobao.org

        检查是否设置成功: npm config list

                         

    2. 安装angular cli

      2.1 安装typescript.

        npm install -g typescript 

        (因为angular 2.0之后是用的typescript)

        注意!!!!可能在公司网络里配了代理会导致下载失败。检查是否配置了代理,用命令 npm config list, 如果有proxy这个选项,证明已经配置了代理。解决方法就是删除代理配置,使用命令:npm delete proxy.

      2.2  安装angular cli

        npm install -g @angular/cli

    3. Angular命令详解

       3.1 生成新的工程以及初始化

        ng new my-app

      3.2 运行agular程序

        cd my-app

        ng serve --open

      3.3 添加新的组件

        ng g component homepage

        (g 是generate的缩写)

      3.4 添加新的路由

        先介绍router 作用:

        a. 浏览器地址栏输入地址之后跳转。

        b. 在页面上点击链接跳转到新的页面。

        c. 点击浏览器的前进和后退,导向之前或之后的页面。

        指令:ng g component yourcomponent之后,把yourcomponent添加到app.module.ts里的@NgModule里的RouterModule里面去。

      3.5 生成服务 

        service介绍: Services are the place where you share data between parts of your application 可以理解成页面之间共享数据的类。

        指令:ng g service yourservice

            

  • 相关阅读:
    天轰穿C#教程之C#基础的学习路线
    天轰穿C#教程之大话C#
    天轰穿C#教程之#pragma介绍[原创]
    天轰穿.NET教程之第一个控制台应用程序
    .NET笔试题整理(转)
    天轰穿.NET教程之基类库
    天轰穿C#教程之C#有哪些特点?
    程序猿!?应该有哪些目标?
    浅谈编程程序员应该具备的职业素养 [转载]
    .NET访问MySQL数据库方法(转)
  • 原文地址:https://www.cnblogs.com/bolddream/p/angular_command_illustration.html
Copyright © 2011-2022 走看看