Angular2 起步(1)

时间:2023-03-08 18:07:13

1.安装 nodejs(最新稳定版)https://nodejs.org/en/

安装 typescript

npm install -g typescript

安装 angular-cli(关于CLI的使用方法可以看这里 https://cli.angular.io/

npm install -g angular-cli

(此处安装失败的话,可尝试将 nodejs 升级到 LTS 版)

2.安装好 angular-cli,就可以使用 ng 命令创建项目了

ng new [Project Name]

3.进入项目并启动

cd [Project Name]
ng serve
尝试运行 http://localhost:4200 (默认是端口 4200)
自定义端口:
ng serve --port 4201

自定义IP:

ng serve --host 192.168.1.151

4.创建新组件

ng generate component simple-form --inline-template --inline-style

可缩写为:

ng g c simple-form -it -is
5.了解项目结构
看一下,app.module.ts,自动关联组件文件 simple-form ,新建的组件位置在 src/app/simple-form
看一下,app.component.ts 引用结构,在 app.component.html 中 加入
<app-simple-form></app-simple-form>