1.百度Node.js下载并安装
2.检查npm版本
npm -v
3.安装angular/cli
sudo npm install -g @angular/cli
4.检查版本
ng -v
5.在当前目录下创建angular项目
ng new auction
6.使用WebStrom打开项目
组件
例如项目创建初始的app.component.ts文件
import { Component } from '@angular/core';
// 装饰器
@Component({
// 源数据
selector: 'app-root',
templateUrl: './app.component.html',//模板
styleUrls: ['./app.component.css']
})
// 控制器
export class AppComponent {
title = 'app';
}
模块
例如项目创建初始的app.module.ts文件
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {FormsModule} from "@angular/forms";
import {HttpMethod} from "blocking-proxy/built/lib/webdriver_commands";
//模块
@NgModule({
//模块中有的东西,只能声明组件,指令和管道
declarations: [
AppComponent
],
//要让应用正常运转依赖的其他模块
imports: [
BrowserModule, //浏览器模块
FormsModule, //表单模块
HttpMethod, //网络请求模块
],
//声明模块中提供了什么服务,只能声明服务
providers: [],
bootstrap: [AppComponent], //声明模块的主组件
})
export class AppModule { }