angular2 学习入门(一)

官方教程学习参考:

https://angular.io/guide/quickstart

开始前准备工作

电脑装好node, npm使用新版本 ;

第一步: 用npm安装angular的全局 Angular CLI

npm install-g@angular/cli

第二步:  创建一个新项目

ng new myapp

第三步:  进入项目,并且启动项目

cd myapp

ng serve --open

使用--open（或只是-o）选项会自动打开您的浏览器http://localhost:4200/

---

新建的项目中, CLI为您创建了第一个Angular组件。

这是根组件，它被命名app-root。你可以找到它./src/app/app.component.ts

目录结构

---

app/app.component.{ts,html,css,spec.ts}

定义了AppComponent一个HTML模板，CSS样式表和一个单元测试。随着应用程序的发展，它将成为嵌套组件树的根组件

assets/*   资源文件夹

main.ts  应用的入口

styles.css   全局css样式

配置文件

---

angular-cli.json： Angular CLI的配置

package.json：npm配置列出您的项目使用的第三方软件包

webpack.config.js：为构建Angular应用所进行的一系列webpack配置

README.md： 您的项目的基本文档，预填充CLI命令信息。确保使用项目文档对其进行增强，以便任何检查回购的人都可以构建您的应用程序！