angular 安装及创建项目 [官方文档]

来源:互联网 发布:java pfx证书读取 编辑:程序博客网 时间:2024/06/05 05:56

工具准备

  • https://nodejs.org/dist/v6.11.0/node-v6.11.0-x64.msi

步骤1.设置开发环境(安装nodejs)

您需要设置开发环境才能做任何事情。

如果您的计算机上尚未安装 Node.js®和npm。https://nodejs.org

检验是否正在运行至少节点6.9.x和NPM3.x.x 通过运行node -v和npm -v在终端/控制台窗口。
较旧的版本会产生错误,但较新版本正常。

这里写图片描述

然后在全局安装Angular CLI。

npm install -g @angular/cli
npm i -g @angular/cli
i 等价于 install

这里写图片描述

一些warning,忽略


步骤2.创建一个新项目

打开一个终端窗口。

通过运行以下命令生成一个新的项目和框架应用程序:

ng new my-app

请耐心 设置一个新项目需要时间,大部分时间用于安装npm软件包。

新项目期间,会需要很多很多包
其中呢,gradle最难搞,只好手动下载(页面链接如下)
上梯子,下载gradle也行,应该是个人网速问题,下载好慢

  • react native 新建/打开项目 gradle 卡住
    http://blog.csdn.net/qqduxingzhe/article/details/62881780

  • android 新建/打开项目 gradle 卡住
    http://blog.csdn.net/qqduxingzhe/article/details/62874959

  • 梯子
    http://blog.csdn.net/qqduxingzhe/article/details/71512508


步骤3:服务应用程序

转到项目目录并启动服务器。

cd my-app
ng serve –open

ng serve当您对这些文件进行更改时,该命令启动服务器,监视您的文件,并重建应用程序。

使用–open(或只-o)选项将自动打开您的浏览器http://localhost:4200/。

您的应用程序向您发送消息:

这里写图片描述


来源:https://angular.io/guide/quickstart


end