您现在的位置:首页 >> 前端 >> 内容

angular4开发环境设置教程

时间:2017/10/23 16:47:00 点击:

  核心提示:一. 设置开发环境(前提:先安装好node.js和npm)1.检测版本:node -v和npm -v2.全局安装:npm install -g @angular/cli3.创建新项目:ng new m...

一. 设置开发环境

(前提:先安装好node.js和npm)

1.检测版本:node -v和npm -v

2.全局安装:npm install -g @angular/cli

3.创建新项目:ng new my-app(耐心等待)

4.启动服务器:

cd my-app

ng serve –open

ng serve命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。

使用–open(或-o)参数可以自动打开浏览器并访问https://localhost:4200/。

5.编辑第一个angualr组件

export class AppComponent {

title = ‘My First Angular App’;

}

6.浏览器自动刷新变化。成功搭建

Tags:AN NG GU UL 
作者:网络 来源:kassiaaaa的