Angular之安装本地环境和工作空间

最新推荐文章于 2022-10-21 17:12:23 发布

程序之巅

最新推荐文章于 2022-10-21 17:12:23 发布

阅读量473

点赞数

分类专栏： Angular 文章标签： angular

本文链接：https://blog.csdn.net/zhuguiqin1/article/details/108241708

版权

4 篇文章 0 订阅

订阅专栏

本文为作者原创，参考资料为https://angular.io/docs，如需转发请注明出处，码字不易，如有收获请点赞

安装本地环境和工作空间

本篇解释如何通过Angular CLI tool建立Angular开发环境，本篇包含：本地环境安装前提条件，安装CLI，创建初始化工作空间和初始app，本地化运行app来验证你的安装。

为了安装Angular在你的本地系统，你的系统需要安装以下部分：

Node.js

需要从这里安装Node.js https://nodejs.org/en/
Angular 需要一个 current, active LTS, or maintenance LTS 版本的 Node.js. Node.js 是一个免费的，开源的，跨平台的JavaScript运行时环境，它能让开发者在浏览器之外写命令行工具和服务器端的脚本。

想了解更多的关于安装Node.js的信息，请参考nodejs.org 页面。在这个页面你可以下载并且安装NodeJs，如果你不确定你的系统里面运行了什么版本的Node.js，在你的终端窗口中请运行 node -v的命令。

npm package manager

Angular, Angular CLI, 和 Angular App的许多功能依赖于npm包。为了下载和安装npm package，你需要一个npm包manager。本篇使用npm client 命令行接口,Node.js默认安装了npm client 。在你的终端窗口中输入npm -v 核对你是否已经安装了npm client。npm主要是从中心站点https://www.npmjs.com/package/package下载所需要的安装包。
安装node.js的目的是使用npm管理项目依赖的软件包。由于网络环境原因，cnpm作为替代的包管理工具。cnpm是阿里团队维护的在npm包在中国的镜像。

Angular CLI是Angular app开发的一个脚手架工具，可以快速的搭建Angular组件的模板。

你用Angular CLI创建项目，生成应用和库代码，并且能够完成像测试，bundling和部署这样的一系列不同的开发任务。

为了安装Angular CLI,打开终端窗口，运行如下命令，命令中的-g表示全局可用

npm install -g @angular/cli

删除Angular CLI

npm uninstall -g @angular/cli
npm cache clean --force

你需要在Angular工作空间下开发apps。

为了创建新的工作空间和初始化入门app：

      ng new my-app

Angular CLI 安装必要的Angular npm包和依赖项。这个需要几分钟。

CLI 创建了一个新的工作空间和一个简单的Welcome app，准备运行吧。

你也可以用Angular的严格模式可选项，它能帮你更加好的，更易于维护的代码。详细请参考Strict mode.

Angular CLI包含一个服务器，以便你能本地的建立和服务你的app。

      cd my-app
ng serve --open

这个ng serve 命令启动了服务器，查找你的文件，然后重新编译你的应用，因为你有可能对这些文件修改了。

--open (or just -o) 选项自动化的打开你的浏览器到这个地址http://localhost:4200/。

如果你安装和建立成功，你将看到如下页面。

关注

专栏目录