AngularJs 杂记

设置开发环境

    1.安装 node环境,检查node和npm的版本号;确保你正在运行 node 6.9.x 和 npm 3.x.x 以上的版本。
    2.全局安装Angular CLI(是一个命令行界面工具,可以创建项目,添加文件以及执行一大堆的开发任务,
       比如测试、打包、发布。)
       输入命令:npm  install -g @angular/cli
    3.创建新项目
           在终端命令中,运行下面的命令来自动创建一个承载开发文件的文件夹(mky-app 名称随便)。
           输入命令:ng new my-app
    4.启动开发服务器
          输入命令: cd  my-app
              ng serve  --open
              (ng serve 命令会启动服务器,监听文件变化,并在修改这些文件是重新构造此应用。)   
             (使用--open或-o参数可以自动打开浏览器并访问 http://localhost:4200/ )
         至此,angularJs构建就搭建完成了。

项目文件总览

File 文件 Purpose 用途
app/app.component.{ts,html,css,spec.ts} 使用HTML模板、CSS样式和单元测试定义AppComponent组件。 它是根组件,随着应用的成长它会成为一棵组件树的根节点。
app/app.module.ts 定义`AppModule`,这个[根模块](https://www.angular.cn/guide/bootstrapping "AppModule: 根模块")会告诉Angular如何组装该应用。 目前,它只声明了`AppComponent`。 稍后它还会声明更多组件。
assets/* 这个文件夹下你可以放图片等任何东西,在构建应用时,它们全都会拷贝到发布包中。
environments/* 这个文件夹中包括为各个目标环境准备的文件,它们导出了一些应用中要用到的配置变量。 这些文件会在构建应用时被替换。 比如你可能在产品环境中使用不同的API端点地址,或使用不同的统计Token参数。 甚至使用一些模拟服务。 所有这些,CLI都替你考虑到了。
index.html 这是别人访问你的网站是看到的主页面的HTML文件。 大多数情况下你都不用编辑它。 在构建应用时,CLI会自动把所有js和css文件添加进去,所以你不必在这里手动添加任何

你可能感兴趣的:(AngularJs 杂记)