素材巴巴 > 程序开发 >

Angular入门-语法支持

程序开发 2023-09-04 11:38:28

每一门新技术都需要一门语言的支持,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的配置:
    以下有两个配置文件

  2. TypeScript的语法学习.

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


标签:

上一篇: 元宇宙岗位薪资排行榜,出炉 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。