文档章节

angular创建项目以及项目文件之间作用

羊皮卷
 羊皮卷
发布于 2017/07/13 16:36
字数 332
阅读 50
收藏 0

1、安装angular-cli

 

2、ng -v检查是否安装成功

 

3、创建项目

(auction是项目名字)ng new auction

 

4、Angular项目文件介绍

在前端的编辑器sublimeText、webstorm、HBuilder等等编辑器中打开项目

项目中文件介绍:如下图

组件:如下图

模板app.modules.ts介绍:

整个应用的开始:

5、启动angular

新建一个npm脚本命令

选中如图所示:

其中scrips的下拉选项是package.json里面定义好的

点击启动按钮(运行),出现以下webpack: Compiled successfully.代表可一访问

 

当看到下面这部分代码的时候。说明可以访问了。

在浏览器输入这个地址(可能其他系统会不同,看地址),一般是localhost:4200

注意:自动侦测,任何修改src里面的文件,都会使服务器加载修改后的文件,自动刷新页面

 

5、在Angular中引入第三方库

有三步:1、将第三方库安装到本地

2、将库引入到项目中去,要修改angular-cli.json里面的引用,分别是styles和scripts,如图

3、测试一下,发现报错,因为typescript不能直接用jQuery,所以不认识$符号,缺少类型文件

安装jquery和bootstrap的类型描述文件

 

 

 

© 著作权归作者所有

羊皮卷
粉丝 3
博文 164
码字总数 82590
作品 0
广州
前端工程师
私信 提问
AngularDart4.0 英雄之旅-教程-02启动应用

码云项目页:https://gitee.com/scooplolwiki/toh-0 此教程讲解Angular的文件架构,(查看源代码)查看应用程序。 创建应用 开始,创建名为angulartourof_heroes的项目,使用WebStorm或者命令...

scooplol
2017/10/19
0
11
20 个有用的 Angular.js 工具

喜欢 Angular.js?我们为开发者编写了一份最佳 angular.js 工具和资源清单,这可让使用 angular 开发应用程序变得高效。 对于大多数想要设计动态 web 应用的开发者而言,Angular.js 成为了一...

Leenajose
2015/08/04
6.8K
22
使用Angular cli升级AngularJS项目——(一)引导Angular混合应用

前言 都9102年了,笔者所在的公司的主要项目还是用AngularJS 1.6这种史诗的框架进行开发的。另外由于历史的原因,代码的凌乱程度早已超越想象。为此,笔者决定痛下决心把整个项目重构了一遍....

益生菌。
02/14
0
0
【前端】—聊聊我认识的Angular

前言 最近接触的项目前端用到了Angular框架,之前略有耳闻,从vue换到Angular,感觉东西差不多,还是要系统学习的,先来了解下。 正文 1、Angular 的发展 AngularJS 是一款来自Google的前端J...

zt15732625878
2018/05/19
0
0
给 Web 开发者的 25 款最有用的 AngularJS 工具

AngularJS 是一种新 JavaScript 框架,目的是降低要求,加快开发速度。AngularJS 是让 HTML 标记动态,使其对 web 开发者更有帮助,同时从大量的分段中给定一个标准结构,使开发速度更快更高...

oschina
2015/03/05
67.5K
19

没有更多内容

加载失败,请刷新页面

加载更多

Spark Streaming的优化之路——从Receiver到Direct模式

          作者:个推数据研发工程师 学长 1 业务背景 随着大数据的快速发展,业务场景越来越复杂,离线式的批处理框架MapReduce已经不能满足业务,大量的场景需要实时的数据处理结果来...

个推
今天
3
0
壮丽70年·奋斗新时代|蒸妙集团熏蒸中会阴熏蒸的神奇好处

聚结相合之处为会。会阴居两阴间,为督、任、冲三脉的起点,三脉背出两阴之间,会聚阴部,因名会阴。会阴,经穴名。出《针灸甲乙经》。会阴别名屏翳、下极、金门。属任脉。在会阴部,男性当阴...

公益传承
今天
2
0
pentaho-kettle-8.2.0.0-R源码开发环境搭建

1.从Kettle官网下载源码,本文使用的是pentaho-kettle-8.2.0.0-R 下载地址:https://codeload.github.com/pentaho/pentaho-kettle/zip/8.2.0.0-R 2.打开eclipse,选择一个新的工作空间,然后设...

gq_2010
今天
1
0
lua web快速开发指南(7) - 高效的接口调用 - httpc库

httpc库基于cf框架都内部实现的socket编写的http client库. httpc库内置SSL支持, 在不使用代理的情况下就可以请求第三方接口. httpc支持header、args、body、timeout请求设置, 完美支持各种h...

水果糖的小铺子
今天
5
0
通过四道常问面试题,带你了解什么是数据库分库分表

编者语:为了避免被误解为:「手里有把锤子,看什么都是钉子!」,说明一下不是什么业务都适合分布式数据库,更不是用了分布式数据库性能就一定能得到扩展。 其次:本文为纯干货,建议先转发...

老道士
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部