Angular4 x 安装、创建项目、目录结 构介绍、创建组件

一、安装最新版本的 node.js(nodejs.org/en/download…)

1. 使用 npm 命令安装
npm install -g @angular/cli
2. 安装 cnpm
    npm 可能安装失败建议先用 npm 安装一下 cnpm 用淘宝镜像安装https://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 使用 cnpm 命令
cnpm install -g @angular/cli
复制代码

三、创建项目

1. 打开 cmd 找到你要创建项目的目录
2. 创建项目 ng new 项目名称 创建一个项目

  ng new my-app
复制代码

1. 进入刚才创建的项目里面启动服务

  cd my-app
复制代码

  cnpm install //安装依赖
复制代码

  ng serve --open（在浏览器中打开项目）
复制代码

以下是项目的运行截图