一、angular/cli 命令
1. > npm install -g angular/cli
2. > ng new my-dream-app
3. > cd my-dream-app
4. > ng serve
在命令行依次执行上面4个步骤的代码,就可以成功的创建一个angular项目,并可以运行(地址:http://localhost:4200/)
二、angular/cli 安装
1.安装angular/cli之前要确认已经安装过 node.js
和npm
// 显示当前node和npm版本
$node -v
$npm -v
// node版本高于6.9.3 npm 版本高于3.0.0
2.全局安装typescript
(可选)
$ npm install -g typescript
// 新建项目的时候会自动安装typescript(非全局)所以这里也不用安装
3.安装Angular CLI
$ npm install -g @angular/cli
当然你也可以参考从淘宝源来安装,整个过程会快很多。
// 安装cnpm
npm install -g cnpm --registry=https://registry.taobao.org
三、新建angular项目
1.新建angular
项目
$ ng new my-app
//my-app 为项目名称
这里要等很久,大概要下载141M的东西。
如果你已经建好了项目文件夹就可以直接使用ng init my-app
来新建项目,ng-init
和ng-new
的区别就是ng-new
会帮我们创建一个和项目名称相同的文件夹。
2.成果展示
安装完成之后就可以启动项目了:
cd helloKeriy
ng serve -open
ng serve
命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。
使用--open
(或-o
)参数可以自动打开浏览器并访问http://localhost:4200/