zoukankan      html  css  js  c++  java
  • Angular2快速入门-1.创建第一个app

    一、环境搭建

    Angular2 运行在nodejs 环境下,需要我们先创建好nodejs环境,具体操作
     
    1.下载安装Nodejs,参考网址,https://nodejs.org/en/ 选择64位,下一步到完成。
       安装后,在命令行 ,执行 node -v ,可以查看到当前版本,确保当前版本>node 6.9.x
    2.安装npm, 最新版本的Nodejs 已经集成了npm ,你可以通过npm -v 查看当前版本
       
    3.安装Angular CLI
     
     
    npm install -g @angular/cli
    至此,环境安装已经完成。
     

    二、创建第一个app

    命令行 cd 到 C:lanceangulardemo 目录
    执行命令行
    ng new  my-first-app
    执行安装一段时间后,完成安装会出现如下界面
            
    此时已经安装完成,可以查看文件夹目录如下
            
     

    三、编辑并启动第一个app

    1. 用VS Code 打开文件 my-first-app(推荐使用VS Code编辑Angular2,如果没有安装可以下载个,功能很强大,而且文件不是很大), 这就是我们创建的第一个app
            

    2. 打开 app.component.ts,修改title 值为“my first app”
           

    3. 执行命令

    cd my-first-app
    ng serve --open
         
    浏览器自动打开 如下  
     
     

    至此,我们完成了自己的第一个app.

    补充说明:
    ng serve 命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。
    参数 --open 或者(-o)参数可以自动打开浏览器并访问 http://localhost:4200/

     

  • 相关阅读:
    分页存储过程
    C#,单元测试
    telerik reporting报表
    在Linq to sql 和 Entity framework 中使用lambda表达式实现left join
    .NET提供了三种后台输出js的方式:
    转换人民币大小金额
    ASP.Net Post方式获取数据流的一种简单写法
    js数组中两个有相同删除一个
    我的个人博客
    It is the courage
  • 原文地址:https://www.cnblogs.com/clc2008/p/7878526.html
Copyright © 2011-2022 走看看