TypeScript环境搭建
程序员文章站
2022-06-22 08:52:51
前言 TypeScript是微软开发的一门*和开源的编程语言,TypeScript是JavaScript的一个超集,他保留JavaScript语言本身的特性,同时他向我们提供了一些语法糖帮助我们方便更好的实践面向对象编程。 同时利用他我们可以使JavaScript开发变得更简单,同时他更符合前端模 ......
前言
typescript是微软开发的一门*和开源的编程语言,typescript是javascript的一个超集,他保留javascript语言本身的特性,同时他向我们提供了一些语法糖帮助我们方便更好的实践面向对象编程。
同时利用他我们可以使javascript开发变得更简单,同时他更符合前端模块化的开发,更是一个工程化的开发.
安装环境
1、安装nodejs
安装下载地址nodejsdownloads
2、安装typescript
npm install -g typescript
通过npm包管理工具进行全局安装typescript环境,安装后我们可通过如下代码片段进行测试
fenghuidemacbook-pro:~ fenghui$ tsc -v version 3.8.3 fenghuidemacbook-pro:~ fenghui$
helloword
新建文件夹ts创建一个名hello.ts的文件编写代码如下所示
console.log("hello word")
我们在通过如下命令进行执行
tsc hello.ts
执行后我们可以发现他会形成一个以hello形成的js文件
同时打开js文件我们可以看到两个文件里面内容是相同的,因为我们并没有使用ts相关的语法.
我们再通过ts语法进行继续演示
比如说我们进行创建一个字符串类型,我们将1赋值给str可以清晰的看到智能感知提示我们不能将类型1分配给类型string,通过这段提示我们可以发现ts对这些操作的严谨性。
那么我们需要将1改成字符串类型
var str:string="1";
执行如上代码后,我们再进行查看js文件如下所示
上一篇: 趁热吃的习惯要改改
推荐阅读
-
基于webpack实现多html页面开发框架五 开发环境配置 babel配置
-
typescript之数据类型及函数、传参、重载
-
js基础学习之执行环境及词法作用域
-
linux CentOS 系统php和mysql命令加入到环境变量中
-
Ubuntu1604生产环境下编译安装mariadb10.2.26
-
vue2-webpack2的框架怎么搭建
-
在Ubuntu上构建工作环境PHP+Android
-
搭建一个wordpress网站需要做哪些工作
-
Tomcat服务OTA发布J2ME应用(eclipse开发环境) TomcatEclipse网络应用WAPWeb
-
VueJs搭建Axios接口请求工具实例详解