【Angular】——创建启动Angular

最新推荐文章于 2026-05-16 17:58:46 发布
原创 最新推荐文章于 2026-05-16 17:58:46 发布 · 5.8k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了一种快速创建Angular2项目的方法，通过使用ng new命令初始化项目后，利用cnpm代替npm来加速依赖包的下载过程，从而显著提高了项目的搭建效率。
创建angular2项目

    直接在命令提示符中输入：

    ng new helloworld


    为什么终止:此时angular2的基本文件已经全部创建，接下来是下载项目所依赖的nodejs包，用ng new angular-cli-project直接创建的话，默认用npm从国外网站下载资源，下载速度极慢，大约7分钟。此时终止进程，然后用cnpm下载项目所依赖的nodejs包，速度会明显提高。

定位到项目目录

    在命令提示符中直接输入：


安装项目依赖的所有node.js包

    在命令提示符中直接输入：cnpm install

 

启动web服务器

    直接在命令提示符中输入:ng server(除了用ng serve启动项目之外，也可以在命令提示符中直接输入：cnpm start开启)

 

效果图：浏览器访问：http://localhost:4200


 

Angular入门-启动过程
半斤米粉闯天下的博客
09-25 1866
分析启动过程无非就是两件事： 加载了哪个启动页面和脚本 启动脚本干了什么事 下面分步骤进行记录。 加载了哪个启动页面和脚本 在执行npm start命令之后会首先读取package.json文件，寻找其中关于start命令的定义，如下所示 找到之后便会执行start中的语句进行启动，也就是说npm start命令和执行ng serve --proxy-config proxy.conf....
Angular项目启动步骤
csdn122325735的专栏
06-10 8065
初学者启动angular 项目
AutoUnipus：Python自动化U校园答题脚本的架构解密与实战指南
最新发布
gitblog_00403的博客
05-16 816
在当今在线教育平台广泛应用的背景下，U校园作为外语学习的重要工具，承载着大量学生的日常练习任务。AutoUnipus项目通过Python自动化技术，实现了U校园平台的智能答题功能，为技术开发者提供了一个优秀的Web自动化实战案例。本文将深入解析该项目的技术架构、核心算法实现以及实际应用场景，揭示现代浏览器自动化技术的强大能力。 ## 项目概述与技术选型 AutoUnipus是一个基于Pytho
angular 启动流程
weixin_42594427的博客
01-10 628
angular 应用的启动流程如下： 当浏览器加载 index.html 文件时，会解析 html 中的 angular 应用的根元素，并在该元素上安装 angular 应用。 angular 应用会读取应用的根模块，并根据根模块中定义的组件来渲染应用的内容。 当用户与应用交互时，angular 会检测组件中的输入属性和输出属性，并响应用户的操作。 希望这对你有帮助！ ...
Angular快速入门
m0_52566365的博客
08-25 2187
简单记录了一下angular各个特性的使用，方便后续快速查阅。
Angular开发之——Angular项目介绍(03)
我的博客
05-13 1257
Angular项目目录介绍Angular程序如何启动morenode_modules ：第三方依赖包存放的目录src：应用源代码目录angular-cli.json： Angular命令行工具的配置文件，后期可能会去修改它，引一些其他的第三方包，比如jquerypackage.json：这是一个标准的npm工具的配置文件，这个文件里面列出了该应用程序所使用的第三方依赖包。实际上我们在新项目的时候，等了半天就是在下载第三方依赖包。
angular项目启动命令_Angular CLI 创建你的第一个 Angular 示例程序
weixin_28940217的博客
02-01 1854
第一步：安装 Angular CLI你要使用 Angular CLI 来创建项目、创建应用和库代码，并执行多种开发任务，比如测试、打包和发布。全局安装 Angular CLI。要想使用 npm 来安装 CLI，请打开终端/控制台窗口，并输入下列命令：npm install -g @angular/cli第二步：创建一个工作区和初始化应用Angular 工作区 就是你开发应用的上下文环境。 每个工作...
angular项目启动命令_从零开始创建以Angular为基座项目的qiankun微前端项目
weixin_39627405的博客
01-31 994
一、创建及配置基座项目- 创建Angular项目命令：ng n main。询问是否需要路由时，选择Yes- 添加依赖所需依赖：qiankun，qiankun-ng-common命令：npm i qiankun qiankun-ng-common -S- 配置默认路由app-routing.module.tsimport { NgModule } from '@angular/core'; impo...
angular项目创建和文件基本解释和启动
yinCheng_qian的博客
08-09 600
创建angular项目 如果没有安装环境请参考我的另一篇文章angular前期准备 创建命令 命令ng new 项目名称 --routing --style=“less”（建议使用大驼峰，下划线的方式） –routing 是创建路由文件， –style=“less” 指定样式文件的后缀可以选择[“less”, “css”, “scss”,“style”, “sass”] –skipInsta...
angular创建新项目，启动时rxjs报错
weixin_30729609的博客
03-21 129
angular创建新项目，启动时报错： ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected.node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected.node_modules/rxjs/i...
Angular环境搭建启动项目
令主
12-14 2317
Angular.js环境搭建 1.安装nodejs 检查你的版本 node -v windows更新版本不能通过网上说的安装n模块更新,只能重新下载新版的nodejs重新安装覆盖. 完全卸载node.js A.通过控制面板卸载node.js B.删除安装所在文件夹下的nodejs文件夹【我的是 C:\Program Files\nodejs】 C.寻找这些文件夹并删除它们（及其内容）（如果还有）。根据您安装的版本，UAC设置和CPU架构， 这些可能或可能不存在： 　　C:\Program Files （x8
从零开始：Angular项目的创建与运行
斯黄人民的博客
03-13 1467
通过上述步骤，你已经成功创建并运行了你的第一个Angular应用。Angular CLI不仅让项目的创建变得简单快捷，还提供了许多命令来支持开发过程，包括生成服务、组件和模块等。随着你对Angular的进一步学习，你将能够利用这些工具和命令，更加高效地开发复杂的应用程序。欢迎进入Angular的世界，开启你的开发之旅！
angular启动
封神之路
05-17 357
1.安装Grunt & Bower npm install -g grunt grunt-cli bower 2.安装项目依赖 npm install && bower install 3.运行/打包 grunt server/grunt build
【angular19】入门基础教程(一):项目的搭建与启动
峰会路转的博客
04-28 591
整个过程非常的流畅，保证环境正确，就能一次性的完成项目初始化功能。
Angular基础-搭建Angular运行环境
踏雨歌青春，诗酒趁年华
05-02 9683
这篇文章介绍了在Angular项目中进行开发环境搭建的关键步骤。包括node.js安装和配置、安装Angular CLI工具、安装angular-router、创建Angular项目等步骤。这篇文章为读者提供了清晰的指南，帮助他们快速搭建Angular开发环境，为后续的项目开发奠定基础。
第一次搭建angular开发环境的搭建及项目启动
weixin_43549979的博客
09-25 955
1、先安装nodejs，一般nodejs里面包括npm包。可以通过node -v和npm -v检查版本。 2、全局安装angular cli脚手架。npm install -g @angular/cli。安装完后可以通过-v检查结果 3、创建新项目ng new 项目名字 项目中会自动生成一下文件夹 4、启动项目ng serve，但是我这里运行报错了 下载的rxjs版本问题，这里卸载再安装就...
Angluar - 环境搭建 创建项目并启动
weixin_42713970的博客
08-21 249
1. Nodejs 安装， 版本 v14.17.5 LTShttps://npm.taobao.org/mirrors/node/v14.17.5/node-v14.17.5-x64.msi 安装后，cmd 执行node -v 和 npm -v 已验证安装是否正常。 2. 安装angular-cli 2.1 npm 换源：npm config set registryhttps://registry.npm.taobao.org （需要还原执行： npm config set reg...
Angular的环境搭建、创建项目以及运行项目(完整步骤)
小陈想长高-
12-10 1178
Angular的环境搭建、创建项目以及运行项目(完整步骤)
angular项目启动
神zhi殇的博客
09-08 1660
使用环境： Angular CLI: 1.7.4 Node: 8.11.1 执行：ng new cloud --routing --style scss --skip-install 生成文件上传到github上
Angular的启动过程
服务好姐qa
04-11 578
下面就是Angular应用的启动过程 1.Angular应用在启动时首先会去angular-cli.json这个配置文件中去寻找要加载的页面和脚本。 默认是加载index.html和main.ts 2.然后去main.ts中找到声明指定的主模块，默认的主模块是app.module 3.然后去app.module中找到指定的主组件，默认的主组件是app.component ...
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值