TypeScript 如何安装

不少前端小伙伴刚接触TypeScript时,总觉得“安装”是件挺复杂的事——毕竟平时用惯了直接写HTML、JS就能跑的工具,突然要多一步“安装”步骤,难免摸不着头脑。其实只要跟着生活化的步骤走,TypeScript的安装根本没那么难,就连刚入门的新手也能一次搞定。

先搞懂:TypeScript到底靠啥“跑起来”?

你可以把TypeScript想象成“翻译官”:它写的代码没法直接在浏览器或Node.js上运行,得先翻译成普通的JavaScript。而这个翻译工具,就是Node.js里的一个“包”——就像你平时用手机装外卖APP、视频APP那样,只要通过Node自带的包管理工具,就能把TypeScript的翻译工具装到电脑上。这也是目前最常用的安装方式,没有之一。

TypeScript 如何安装

第一步:先装“翻译官的底座”——Node.js

要装TypeScript,必须先有Node.js这个“底座”,就像你要装外卖APP,得先有手机一样。怎么看自己有没有装?打开电脑的命令行(Windows是CMD或PowerShell,Mac是终端),输入node -v,如果能弹出类似v18.17.0这样的版本号,就说明已经装好了,直接跳到下一步就行。

要是没装也简单:去Node.js的官网,选“LTS长期支持版”(就是标着“推荐给大多数用户”的那个),下载安装包后一路“下一步”就能搞定——就像装微信那样,不用额外设置。装完重启一下命令行,再输刚才的命令,出现版本号就说明准备就绪了。

第二步:装TypeScript这个“翻译官”

有了Node.js,装TypeScript只需一条命令,比装游戏还简单。打开命令行,直接输入npm install -g typescript,然后按回车就行。这里的-g是“全局安装”的意思,装完之后,不管你在哪个文件夹写代码,都能随时用TypeScript的工具。

等几秒就装完了,怎么验证成功?还是在命令行输tsc -v,要是弹出类似Version 5.2.2的版本号,就说明安装成功了——就像你装完外卖APP,能正常打开一样。

遇到小问题?别慌,试试这两个补救方法

有时候可能会遇到报错,比如Windows提示“权限不够”,这是因为系统不让随便装全局工具,解决方法也简单:在命令行开头加个sudo,比如sudo npm install -g typescript,输密码就能继续(Mac和Linux系统用这个方法,Windows尽量用管理员身份运行命令行)。

还有个小技巧:如果不想全局安装(怕影响其他项目),也可以在单独的项目里装——先打开你写代码的文件夹,输npm init -y建个项目配置文件,再输npm install typescript,这样工具就只属于这个项目,不会干扰别的地方。

装完之后,怎么用它?

装完不用急着写复杂代码,先做个小测试:在桌面建个叫test.ts的文件,写一行let msg: string = "Hello TypeScript"; console.log(msg);,保存后打开命令行,进到桌面文件夹,输tsc test.ts,回车后会多出个test.js文件,双击它就能在控制台看到“Hello TypeScript”——这说明你写的TypeScript已经成功翻译成JS并运行了,整个安装流程就彻底完成啦。

很多人觉得TypeScript难,其实安装是第一步,搞定了这一步,后面的学习就会顺畅很多,就像装好了自行车,接下来就能轻松骑去想去的地方。

上一篇 JavaScript BOM 是什么