angular6.1脚手架(angular-cli)

1.安装node.js

打开命令行工具输入命令查看安装情况
$ node -v
$ npm -v

2.初始化项目

2.1 angular-cli 6.1介绍

angular-cli 是 angular 的脚手架工具,可以帮助我们编写基础代码、快速搭建开发环境

2.2 全局安装angular cli

$ npm install -g @angular/cli

2.3 查看angular cli是否安装成功

$ ng version

2.4 创建新项目

$ ng new my-app

这里需要一段时间,会进行创建项目文件,并在该项目中生成一个简单的默认应用

2.5 进入项目目录,启动服务

$ cd my-app
$ ng serve --open

自动打开浏览器并访问 http://localhost:4200/

你可能感兴趣的:(angular6.1脚手架(angular-cli))