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

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

nodejs.png

在该页面下载适合自己版本的node.js
注意：请先在终端/控制台窗口中运行命令 node -v 和 npm -v， 来验证一下你正在运行node 6.9.x 和 npm 3.x.x 以上的版本。 更老的版本可能会出现错误，更新的版本则没问题（npm是nodejs安装包包含的）

image

二、全局安装 Angular CLI 脚手架工具(只需要安装一次)

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

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

  cd my-app

  cnpm install //安装依赖

  ng serve --open（在浏览器中打开项目）

以下是项目的运行截图

image.png

快去创建自己的angular项目吧！