Angular入门-语法支持

每一门新技术都需要一门语言的支持,Angular是使用TypeScript语言,在开发编辑器中我们希望编辑器能够自动检查语法,提示,报错,导航以提高我们的开发效率。Angular的Angular Language Service(语言服务)就能够为我们工作。
一、以下是Angular Language Service的应用
1.Visual Studio Code
官网说在vscode的左下角点击扩展图标,然后输入如下命令执行,

ext install ng-template

但是我实际执行时,报错:
这里写图片描述
请求各位大神指教.
我是直接搜索“angular”看到第一个扩展的的介绍正是我们想要的效果,满足自动检查、提示、报错等功能,就直接点击绿色的“安装”按钮进行安装。
这里写图片描述
其他WebStorm、Sublime Text编辑器的安装,请详情看官网的操作:
Angular language-service
二、TypeScript简要学习

  1. TypeScript Configuration
    TypeScript是Angular开发的根基语言,它是Javascript的超体,支持类型安全和类型加工。然而,浏览器不能直接执行Typescript,这里需要tsc编译器去将TS转译成JS,这就需要一些TS的配置:
    以下有两个配置文件

    • tsconfig.json-TS 编译器配置 TS官网配置详情
    • typings-TS声明文件(ts的编译器不能自动识别一些外来库,如jQuery,需要在.d.ts文件中声明归类这些库,不过Angular包已经做了这些工作,所以我们不需要做任何事情,只了解一下就好
  2. TypeScript的语法学习.

请看下篇文章,小编将边学习angular Hero实例,边学习ts.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值