首页 > 其他分享 >鸿蒙开发TypeScript语言:【TypeScript 安装】

鸿蒙开发TypeScript语言:【TypeScript 安装】

时间:2024-04-11 16:34:10浏览次数:24  
标签:TypeScript 鸿蒙 app Visual Code Studio 安装

TypeScript 安装

本文介绍 TypeScript 环境的安装。

我们需要使用到 npm 工具安装。

NPM 安装 TypeScript

如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装。

使用国内镜像:

npm config set registry https://registry.npmmirror.com

安装 typescript:

npm install -g typescript

安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:

$ tsc -v
Version 3.2.2

然后我们新建一个 app.ts 的文件,代码如下:

var message:string = "Hello World" console.log(message)

通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。

然后执行以下命令将 TypeScript 转换为 JavaScript 代码:

tsc app.ts

image

这时候在当前目录下(与 app.ts 同一目录)就会生成一个 app.js 文件,代码如下:

var message = "Hello World"; console.log(message);

使用 node 命令来执行 app.js 文件:

$ node app.js 
Hello World

TypeScript 转换为 JavaScript 过程如下图:

image

Visual Studio Code 介绍

很多 IDE 都有支持 TypeScript 插件,如:Visual Studio,Sublime Text 2,WebStorm / PHPStorm,Eclipse 等。

本章节主要介绍 Visual Studio Code,Visual Studio Code 是一个可以运行于 Mac OS X、Windows 和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器,由 Microsoft 公司开发。

Windows 上安装 Visual Studio Code

1、下载 Visual Studio Code

image

2、双击 VSCodeSetup.exe 图标  安装。

image

3、安装完成后,打开 Visual Studio Code 界面类似如下:

image

4、 我们可以在左侧窗口中点击当前编辑的代码文件,选择 open in command prompt(在终端中打开),这时候我们就可以在屏幕的右侧下半部分使用 tsc 命令来执行 TypeScript 文件代码了。

image

标签:TypeScript,鸿蒙,app,Visual,Code,Studio,安装
From: https://www.cnblogs.com/mau123789/p/18129502

相关文章

  • npm安装时一直idealTree:npm: sill idealTree buildDeps解决方案
    1.删除用户界面下的npmrc文件(注意一定是用户C:\Users\{账户}\下的.npmrc文件下不是nodejs里面)2.清除缓存,注意不要用npmcacheclean--force,容易出现npmWARNusing--forceIsurehopeyouknowwhatyouaredoing.要用:npmcacheverify3.设置镜像源:npmconfigsetregis......
  • 补充 windows系统安装多个MySQL版本
    一、为什么想要安装多个版本?如果你发现自身的mysql太低,不能完好的导入sql文件,又因为原本的mysql的存储重要数据,于是多开的mysql的想法出现,其实就是开个其他的端口,不要和原本的3306冲突就行。二、MySQL8.0下载MySQL8.0下载地址:https://dev.mysql.com/downloads/mysql/下载原......
  • Dockerfile 安装centos案例
    1.编写dockerfile文件去安装cetos的操作步骤:   2.执行Dockerfile文件:dockerbuild-tcentosjava8:1.5.ps:其中,-t选项用于指定镜像的名称,centosjava8:1.5是你为镜像命名的名称,可以替换成其他任意名称。.表示当前目录,指示Docker在当前目录下寻找Dockerfil......
  • 云服务器同时安装宝塔和WAF防火墙共存教程
    云服务器同时安装宝塔和WAF防火墙共存教程前几天申请一台三年免费香港云服务器,已安装好宝塔申请视频教程:https://www.bilibili.com/video/BV1eZ421i7xr/下面安装雷池WAF为例安装WAF防火墙和宝塔共存,安装其他防火墙一样原理我们需要先部署到docker环境:Docker一键安......
  • 安装pnpm 和报错解决,亲测可行
    安装pnpm和报错解决,亲测可行pnpm是一款磁盘空间高效的软件包管理器。当使用npm或Yarn时,如果你有1000个项目,并且所有项目都有一个相同的依赖包,那么,你在硬盘上就需要保存100份该相同依赖包的副本。然而,如果是使用pnpm,依赖包将被存放在一个统一的位置,因此以项目和依赖包......
  • Linux Ubuntu安装配置教程
    Ubuntu是一个基于Linux的开源操作系统,它遵循GNU通用公共许可证,用户可以自由使用、复制、分发和修改。它提供直观易用的桌面环境,适合新手和有经验用户。Ubuntu有强大的软件中心,支持多硬件架构,注重安全和稳定,并有庞大的用户社区提供支持。它适用于桌面、笔记本和服务器等多种设备,被......
  • docker安装运行Redis
    第一步:下拉redisdockerpullredis:7.2.4我下拉的是目前最新版本,也就是7.2.4版本dockerps查看容器运行情况第二步:挂载目录mkdir-p/home/user/lyapp/redis/conf/home/user/lyapp/redis/data第三步:新建并修改配置文件在/path/redis/conf/下新建redis.conf文件,即/home/user/l......
  • 鸿蒙开发人才紧缺!这些项目帮你快速上手HarmonyOS!
    去年9月,华为宣布鸿蒙原生应用全面启动,基于开源鸿蒙开发的HarmonyOSNEXT鸿蒙星河版将在今年秋天正式和消费者见面。该版本系统底座将由华为全线自研,去掉传统安卓AOSP代码。这意味着,鸿蒙星河版将不再兼容安卓应用,京东、淘宝、得物、美团、微博、小红书等上百款应用也相......
  • Zabbix全流程监控详解(一):Zabbix监控概述和安装
    一、监控的选型以前用的监控:Nagios+Cacti现在使用监控:Zabbix+Grafana,OpenFalcon,Prometheus二、Zabbix监控架构1.Zabbix生命周期LTS:Longtimesupport长期维护版本2.Zabbix的监控架构Zabbix是一个CS(服务端/客户端)架构的服务Zabbix-agent(客户端)获取数据—>......
  • Typescript 详细总结1
    基本数据类型类型注释:numberlet num:number=5//数字类型let str:string='str'//字符串类型let boolen:boolean =true//布尔 类型断言,确定类型后,不能赋其他类型值any类型let  anything:any='ssssss'let  anything:any=223any类型......