Angular5入门与搭建项目

步骤 1. 设置开发环境

　　在开始工作之前，你必须设置好开发环境。

　　如果你的电脑里没有 Node.js®和 npm，请安装 它们 。

请先在终端/控制台窗口中运行命令  node -v  和  npm -v ， 来验证一下你正在运行 node  6.9.x  和 npm  3.x.x  以上的版本。 更老的版本可能会出现错误，更新的版本则没问题。

　　然后全局安装  Angular CLI  。

npm install -g @angular/cli

步骤 2. 创建新项目

打开终端窗口。

运行下列命令来生成一个新项目以及应用的骨架代码：

ng  new  my-app

　　请耐心等待。 创建新项目需要花费很多时间，大多数时候都是在安装那些 npm 包。

步骤 3. 启动开发服务器

　　进入项目目录，并启动服务器。

cd my- app
ng serve  --open

ng serve  命令会启动开发服务器，监听文件变化，并在修改这些文件时重新构建此应用。

使用  --open （或  -o ）参数可以自动打开浏览器并访问  http://localhost:4200/ 。

本应用会用一条消息来跟你打招呼：

以上都是官方网站给出的搭建项目的一些流程。

下面开始介绍Angular5可以使用的一些包管理工具

yarn 包管理(下载快，有条理，不像npm或者cnpm会卡住。)

安装方式： cnpm install yarn (附带官网地址：https://yarnpkg.com/lang/zh-hans/docs/install/)

初始化项目并安装依赖： yarn

运行： yarn start

 

查看更多关于Angular5入门与搭建项目的详细内容...