angular 6 cli项目搭建

 

若你本机已经安装 Node.js 和 npm，你可以通过运行以下命令，确认一下当前环境信息：

$ node - v # 检测当前Node.js的版本
$ npm -v # 检测当前npm的版本

 

当你本机 Node.js 环境确认无误后，你可以在命令行使用 npm 安装 TypeScript： 

$ npm install -g typescript # 安装最新的TypeScript稳定版

---

接下来安装 Angular CLI 

运行以下命令：

$ npm install -g @angular/cli

验证是否成功安装 Angular CLI，可在命令行运行： 

$ ng version

---

创建新的 Angular 应用程序 

运行以下命令创建项目：

$ ng new angular

 

 创建新的组件命令

$ ng g c mrli -it -is # 新建组件，该组件使用内联模板和内联样式
or
$  ng g c mrli 

修改端口号命令 

$ ng serve --port 4201

 创建完成后

开始配置路由 

在首页引用 

点击事件的函数 

显示效果