Angular2 环境配置详细介绍

初探Angular 2的环境配置宝典

====================

随着Angular 2的正式发布，我迫不及待地开始了之旅。这是一份关于如何配置Angular 2环境的详细指南，希望能对想要尝试Angular 2的朋友们有所帮助。

一、安装与更新CLI

--

我们需要安装Angular CLI（命令行工具）。在命令行中输入以下命令：

npm install -g angular-cli

如果你已经安装了旧版本的CLI，请按照以下步骤进行更新：

npm uninstall -g angular-cli

npm cache clean

npm install -g angular-cli@latest

值得注意的是，新版本的CLI创建的项目是基于webpack构建的，与旧版本的SystemJS有所不同。

二、常用ng命令

ng new project-name：创建一个新项目，设置默认配置。

ng build：编译应用。

ng test：运行单元测试。

ng e2e：运行端到端（end-to-end）测试。

ng serve：启动一个小型web服务器，用于托管应用。

ng deploy：部署到Github Pages或者Firebase。

ng generate component my-p：生成一个新组件，包括测试规格和相应的HTML/CSS文件。

ng generate directive my-directive：生成一个新指令。

ng generate pipe my-pipe：生成一个新管道。

ng generate service my-service：生成一个新服务。

ng generate route my-route：生成一个新路由。

ng generate class my-class：生成一个简易的模型类。

三、创建项目过程与警告错误处理

使用 `ng new project-name` 创建新的Angular项目。由于需要安装一些nodejs模块，可能需要耐心等待一段时间。在安装过程中，你可能会遇到一些问题，比如我在使用wing时，类一直被警告。解决此问题需要在两处进行设置。你需要在tsconfig.json中添加以下两行代码："emitDecoratorMetadata": true, "experimentalDecorators": true。"setting.json中也要添加："typescript.tsdk": "node_modules\\typescript\\lib"。这样应该就能解决类被警告的问题了。这就是对Angular 2环境配置做的资料整理，后续我还会补充相关资料，感谢大家对本站的支持！让我们一起在Angular的世界里更多可能性吧！