减小字体
增大字体- ·上一篇文章：Angular 2 教程
- ·下一篇文章：Angular 2 TypeScript 环境配置
Angular 2 JavaScript 环境配置
t文件，注意顺序；3、我们在<body>标签中添加<my-app>标签。执行过程为：当 Angular 在 main.js 中调用 bootstrapModule 函数时，它读取 AppModule 的元数据，在启动组件中找到 AppComponent 并找到 my-app 选择器，定位到一个名字为 my-app 的元素，然后再这个标签之间的载入内容。添加一些样式styles.css 文件代码为：styles.css 文件：h1 {color:
#369;font-family:
Arial, Helvetica, sans-serif;font-size:
250%;}body {margin:
2em;}打开终端，输入以下命令：$ npm start访问 http:
//localhost:
3000/，浏览器显示结果为：这样我们的第一个 Angular2 的应用就算创建完成了，本文所使用的源码可以通过以下方式下载，不包含 node_modules。源代码下载在 Cloud Studio 中使用 AngularJS2step1：访问 腾讯云开发者平台，注册/登录账户。step2：在右侧的运行环境菜单选择："Node.js"step3：然后全局安装 Angular CLI:
npm install -g @angular/clistep4：创建新项目，运行下列命令来生成一个新项目以及默认的应用代码：ng new my-appAngular CLI 会安装必要的 NPM 包、创建项目文件，并在该项目中生成一个简单的默认应用。这可能要花一点时间。step5：进入项目目录，并启动服务器：cd my-appng serve --openng serve 命令会启动开发服务器，监听文件变化，并在修改这些文件时重新构建此应用。现在 CODING 正在举办一场基于 Cloud Studio 工作空间的【我最喜爱的 Cloud Studio 插件评选大赛】。进入活动官网：https:
//studio.qcloud.coding.net/campaign/favorite-plugins/index，了解更多活动信息。
#369;font-family:
Arial, Helvetica, sans-serif;font-size:
250%;}body {margin:
2em;}打开终端，输入以下命令：$ npm start访问 http:
//localhost:
3000/，浏览器显示结果为：这样我们的第一个 Angular2 的应用就算创建完成了，本文所使用的源码可以通过以下方式下载，不包含 node_modules。源代码下载在 Cloud Studio 中使用 AngularJS2step1：访问 腾讯云开发者平台，注册/登录账户。step2：在右侧的运行环境菜单选择："Node.js"step3：然后全局安装 Angular CLI:
npm install -g @angular/clistep4：创建新项目，运行下列命令来生成一个新项目以及默认的应用代码：ng new my-appAngular CLI 会安装必要的 NPM 包、创建项目文件，并在该项目中生成一个简单的默认应用。这可能要花一点时间。step5：进入项目目录，并启动服务器：cd my-appng serve --openng serve 命令会启动开发服务器，监听文件变化，并在修改这些文件时重新构建此应用。现在 CODING 正在举办一场基于 Cloud Studio 工作空间的【我最喜爱的 Cloud Studio 插件评选大赛】。进入活动官网：https:
//studio.qcloud.coding.net/campaign/favorite-plugins/index，了解更多活动信息。
Angular 2 JavaScript 环境配置
