Angular4学习（二）Angular开发环境及启动过程介绍

原创 于 2018-08-25 11:06:49 发布 · 226 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Angular

本文介绍了Angular开发环境，包括Nodejs、Angular CLI和VSCode。还阐述了Angular启动过程，启动时依次加载angular.json、index.html、app.component.ts和main.ts，main.ts引导应用启动，app.component.ts选择加载组件替换<app-root>内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一.Angular开发环境

1.Nodejs

2.AngularCLI

3.VSCode

二.Angular启动过程

1.启动时加载了哪些页面

angular.json

->index.html(<app-root>内容在加载时展示)

->app.component.ts(选择需要加载的组件,在加载后替<app-root>>)

main.ts(引导angular应用启动)

 

 

 

 

 

 

 

 

Angular6以ng serve方式启动时指定环境方法及关联知识点
Jack汪喆的技术分享栏
07-04 9753
一.踩坑 1.问题来源 如何自定义环境并在启动时指定环境 2.解决方案 使用configuration参数启动项目，如ng serve --configuration=local or ng serve -c local启动名为local的环境 环境的定义在angular.json文件中(architect下build和serve都要添加环境配置)，如下所示 "configurations...
Angular 2.x折腾记 ：(2)初步认识angular2，不一样的开发模式
CRPER
03-21 3772
前言想来想去，概念这些东西不怎么想讲，更多的是想讲点实战性的内容。 所以有些东西跳过去了，小伙伴们请去看官方文档哈；
angular2入门（1）-如何启动一个项目
u011747152的博客
10-27 2249
启动angular2项目: 1:前提是你安装了ide,及其上的环境 2:下载一个angular2的源码，导入到ide（本人使用的是webstorm） 中 3:4：然后在命令行中输入npm install,等相关依赖下载完后，再输入npm start 就可以在网站中输入http://localhost:4200 登录了
[AngularJS2]AngularJS2应用启动过程
壹瓜壹果的专栏
12-08 713
从浏览器访问Angular应用时，首先是index.html页面被加载。<!doctype html> <body> <app-root></app-root> <script type="text/javascript" src="inline.bundle.js"> </script><script type="text/javascript" src="polyfills.bund
angular4开发环境搭建以及项目启动过程
热门推荐
涂涂
08-13 1万+
1.安装Node.js®和npm，node官网下载安装即可 2.请先在终端/控制台窗口中运行命令 node -v 和 npm -v， 来验证一下你正在运行 node 6.9.x 和 npm 3.x.x以上的版本。 更老的版本可能会出现错误，更新的版本则没问题。 3.全局安装 Angular CLI 。 npm install -g @angular/cli 4.ng-v看安
angular2 引导问题（学习心得）
fengjie的博客
06-27 595
Angular2通过在main.ts中引导AppModule来启动应用。针对不同的平台，Angular提供了很多引导选项。下面的代码是通过即时（JiT）编译器动态引导，一般在用，默认采用这种方式。
详解Angular 开发环境搭建
10-19
在深入探讨Angular开发环境搭建之前，首先理解Angular框架的核心概念是必要的。Angular是一款由Google维护的开源JavaScript框架，主要用于构建单页应用（SPA）。它提供了一整套工具和功能，如数据绑定、依赖注入、...
详解webpack+angular2开发环境搭建
12-10
在本文中，我们将深入探讨如何搭建一个基于Webpack和Angular2的开发环境。Angular2是一个流行的前端框架，而Webpack是一个强大的模块打包工具，它们结合在一起能够为开发者提供高效、灵活的项目构建流程。在搭建过程...
详解Angular CLI + Electron 开发环境搭建
08-29
在本文中，我们将介绍如何使用 Angular CLI 和 Electron 搭建桌面软件开发环境。 一、安装 Angular CLI 和 Electron 首先，我们需要使用 npm 安装 Angular CLI 和 Electron。Angular CLI 是一个命令行界面工具，...
angular2 启动步骤
weixin_30456039的博客
02-20 199
以下内容转自网络 1. 创建项目文件夹 创建一个新的文件夹来保存你的项目，比如一开始有个self就好了 2.安装基础库 首先确保已经安装了node.js 我们使用 npm package manager 来安装需要的开发库和开发工具。 打开终端窗口，输入下面的命令。 npm install 如果在执行npm install命令时没有出现npm ERR!，一起都好。可能会有几个...
Angular 2 应用启动过程简单分析
SitHome的博客
02-11 1749
链接：Angular 2 应用启动过程简单分析
电赛历年试题&经验分享.7z
08-12
电赛历年试题&经验分享.7z
PLC立体车库智能仿真系统：基于博途V15的西门子1200PLC控制与触摸屏操作 - PLC编程 v1.5
08-12
基于博途V15软件平台构建的3×2立体车库智能仿真系统。该系统采用西门子1200PLC进行控制，配备触摸屏操作界面，实现了自动出入库、电梯式小车移动以及变频器输出等功能。文中展示了详细的程序注释和模块化编程方法，如使用TON定时器实现载车板升降的速度控制，利用FC块封装车辆检测模块，通过GRAPH语言编写自动出入库逻辑等。此外，还提到了系统的IO表设计和故障处理机制，以及未来可能加入AI算法进行智能车位分配的设想。 适合人群：对PLC编程、工业自动化控制系统感兴趣的工程师和技术爱好者。 使用场景及目标：适用于学习和研究PLC编程技巧、工业自动化控制系统的仿真开发，帮助理解和掌握PLC控制逻辑、触摸屏交互设计、变频器仿真等关键技术。 其他说明：该项目不仅提供了完整的源代码和详细的注释，还能在博途PLCSIM Advanced环境中进行全仿真测试，为实际工程应用提供宝贵的经验和参考。
LuWu-陆吾，一个简单的无代码深度学习平台
08-12
资源下载链接为： https://pan.quark.cn/s/2f73b93e37c3 LuWu——陆吾，一个简单的无代码深度学习平台。（最新、最全版本！打开链接下载即可用！）
Python自动化测试框架pytest入门与实战.doc
最新发布
08-12
Python自动化测试框架pytest入门与实战.doc
统计学习,机器学习,神经网络,深度学习,使用matlab实现
08-12
资源下载链接为： https://pan.quark.cn/s/6c421a94aa8d 统计学习,机器学习,神经网络,深度学习,使用matlab实现.（最新、最全版本！打开链接下载即可用！）
Ionic 3.x+与Angular 4.x+及Cordova开发环境搭建详解
文档详细介绍了常用的开发工具，如WebStorm和Visual Studio Code（推荐），这两个集成开发环境（IDE）支持Angular和Cordova的开发，提供了丰富的代码编辑和调试功能。为了开始开发，文档强调了安装Node.js作为基础...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值