【Angular】——创建启动Angular

最新推荐文章于 2024-08-25 21:04:45 发布
最新推荐文章于 2024-08-25 21:04:45 发布
阅读量5.8k 收藏
点赞数 1
分类专栏： Angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/onlybymyself/article/details/72081790
版权
本文介绍了一种快速创建Angular2项目的方法，通过使用ng new命令初始化项目后，利用cnpm代替npm来加速依赖包的下载过程，从而显著提高了项目的搭建效率。

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

创建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 服务端渲染指南——深度剖析 Angular SSR 技术原理
AI天才研究院
10-14 879
在过去几年中，前端框架层出不穷，如React、Vue、Angular等。Web应用越来越复杂，页面交互更加丰富。为了应对这些变化，前端开发社区都开始探索服务端渲染（Server-Side Rendering）技术，将组件化的UI逻辑下发到浏览器，并通过JS对数据进行处理。Angular是一个非常流行的服务端渲染框架。Angular服务端渲染（Server-Side Rendering，简称SSR）是指利用Node.js或其他服务器环境运行Angular应用，并生成静态HTML页面的过程。
angular学习（十四）——Module
独自登高楼 望断天涯路
02-26 6555
转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/57417779什么是Module你可以把Module当作是个容器，里面包含了controllers, services, filters, directives。为什么使用Module大多数程序都有一个主方法，其他部分的模块都由这个主方法组织在一起。AngularJS却没有所谓的m
一个Angular是如何启动的
qq_41564918的博客
11-10 756
Angular学习 1.项目结构介绍 目录结构 名字 说明 e2e 端到端测试 node_modules npm 安装第三方包 src 存放业务源码 .angular-cli.json AngularCLI脚手架工具配置文件 .editorconfig 针对编译器的代码风格约束 .gitignore git仓库忽略配置项 karma.conf.js 测试配置文件（给kerma用的，暂且不用关心） package.json 项目包说明文件 protractor.
Angular入门-启动过程
半斤米粉闯天下的博客
09-25 1708
分析启动过程无非就是两件事： 加载了哪个启动页面和脚本 启动脚本干了什么事 下面分步骤进行记录。 加载了哪个启动页面和脚本 在执行npm start命令之后会首先读取package.json文件，寻找其中关于start命令的定义，如下所示 找到之后便会执行start中的语句进行启动，也就是说npm start命令和执行ng serve --proxy-config proxy.conf....
angular启动
封神之路
05-17 311
1.安装Grunt & Bower npm install -g grunt grunt-cli bower 2.安装项目依赖 npm install && bower install 3.运行/打包 grunt server/grunt build
Angular快速入门
最新发布
m0_52566365的博客
08-25 1784
简单记录了一下angular各个特性的使用，方便后续快速查阅。
angular编译后的文件，nginx本地启动服务
zwbHUST的博客
04-23 2626
前言 以前调试angular项目都是本地直接ng serve本地起服务，本地机器安装了node.js，但是某天一个非前端同事想要在他机器上起一个纯前端微服务，他的机子没有搭建angular环境，而且他也没有一个完整的angular项目源代码，他也不想搭建环境，更不想去npm install一大堆依赖包，他只有这个前端模块编译后的文件，即dist文件夹中的文件。有时项目打包生成的tar包，解压后也...
Angular项目的新建与启动
我能在河边钓一整天的鱼
01-02 673
前言：第一篇Angular 学习Angular后，这几天一路上都是磕磕绊绊。安装是迷迷糊糊的，新建项目也费了老大事儿。要学好新东西，还是得脚踏实地才行哈   如何新建你的Angular项目   <1>安装VS Code。 大家安装好Angular后，还需要下载前端工具。笔者这里以VIsual Studio Code为例。   <2>打开VSCode...
Angular2学习笔记——详解NgModule模块
09-01
但在某些情况下，如动态创建组件，可能需要手动添加到`entryComponents`。 8. **Feature Modules**： 随着应用的发展，单一的根模块可能无法满足职责分离的需求，这时可以引入特性模块（Feature Module）。特性...
Angular基础教程+Demo项目——尽可能全面一些——第一节
Burnup_110的博客
11-21 1956
第二节预告：生命周期函数、Rxjs、数据请求、路由 学习过程中所写的Demo_GitHub——学习Angular——浅度学习Demo 官网：https://angular.cn/（官网是最好的老师哦，追求技术的大神可以继续深入啦） Angular前言（跳过即可，自勉而已） 一写博客，不例外的喜欢啰嗦一下，本人是广大java后端开发中的一员，但是因为工作需要不得不利用工作之余学习Angular前端，虽然我对于学习前端技术不反感，但是我更加信奉T型发展，先精后广，后端远远称不上精通，就要走广而多的路子了，就怕以
Angular的启动过程
服务好姐qa
04-11 527
下面就是Angular应用的启动过程 1.Angular应用在启动时首先会去angular-cli.json这个配置文件中去寻找要加载的页面和脚本。 默认是加载index.html和main.ts 2.然后去main.ts中找到声明指定的主模块，默认的主模块是app.module 3.然后去app.module中找到指定的主组件，默认的主组件是app.component ...
angular 启动流程
weixin_42594427的博客
01-10 574
angular 应用的启动流程如下： 当浏览器加载 index.html 文件时，会解析 html 中的 angular 应用的根元素，并在该元素上安装 angular 应用。 angular 应用会读取应用的根模块，并根据根模块中定义的组件来渲染应用的内容。 当用户与应用交互时，angular 会检测组件中的输入属性和输出属性，并响应用户的操作。 希望这对你有帮助！ ...
angular4项目启动步骤
shengandshu的博客
11-22 7104
1. 安装node 官网地址：http://nodejs.cn/ 安装完成后，在命令行工具输入 node –v 可验证是否安装成功2. 配置淘宝镜像源 从国外服务器下载ng4和依赖包很慢，通过配置淘宝镜像源可以提高下载速度。 打开命令行工具输入：npm config set registry https://registry.npm.taobao.org配置完成后可通过npm c
Angular项目启动步骤
csdn122325735的专栏
06-10 7723
初学者启动angular 项目
Angular学习笔记（一）之Angular的启动和程序架构
BAOBAB_cc的博客
12-26 806
一、启动1、项目前准备 确定安装了Node.js 使用npm命令安装TypeScript.js $ npm install -g typescript 安装angular-cli自动构建项目工具 $ npm install -g @angular/cli 新建项目angular-world $ ng new angular-world 2、目录说明 项目目录说明 src文件夹目录说明 app文
angular使用服务的步骤
海货
05-15 875
1：创建服务ng g service services/storage2：引入服务app.module.ts 里面引入创建的服务：import { StorageService } from './services/storage.service';NgModule 里面的 providers 里面依赖注入服务@NgModule({declarations: [AppComponent,Heade...
angular的服务是什么以及如何使用
无趣的博客
06-11 661
定义： 服务是angular应用的重要组成部分。在angular中，服务是一个类的实例，它可以借助angular的依赖注入，来让应用中你需要的地方能使用它。 使用步骤： 1、生成服务类文件 2、在服务类文件中定义变量以及编写方法 3、在使用服务的地方，注入服务到constructor构造里面 4、在具体使用服务方法的地方，直接this点注入的服务的实例的名称，然后点服务的方法，就能调用（这个“点”就是代码中的点） 服务里面定义的变量，可以顺便定义一个get方法，用于在组件中能够取出这个变量。 补充： pri
Angular的启动方式
u012129031的专栏
03-07 735
方式 1：自动启动 Angular会自动的找到ng-app，将它作为启动点，自动启动 html ng-app="myModule"> head> title>New Pagetitle> meta charset="utf-8" /> script type="text/javascript" src="../../vendor/bower_components
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值