![](https://img-blog.csdnimg.cn/2c5d7fe7c003490b8227aaa56971826a.gif)
?????????支持TypeScript语言的编辑器有 VisualStudioCode(以下简称VSCode)是比较轻量级的,也是使用人数较多的一款编辑器,教程中均以该编辑器进行演示。
1.VSCode下载与安装
2.VSCode配置
2.1切换中文
2.2安装插件
1.VSCode下载与安装
打开VSCode的官网:https://code.visualstudio.com/Download,选择对应系统版本,下载并安装,如图:
![](https://img-blog.csdnimg.cn/cb1ce61ca2c8497e906aa09f60bcf30b.png)
下载完成后,双击打开安装包,选择安装路径,其余均选下一步,完成安装,如图:
![](https://img-blog.csdnimg.cn/fe42a370b0da4cf7ac3909311ab719d7.png)
?![](https://img-blog.csdnimg.cn/cfa127b05c224696bddcb74431f45911.png)
2.VSCode配置
2.1切换中文
首次运行VSCode,可能会有提示安装中文语言包,如果需要可以安装中文语言包,如图:
![](https://img-blog.csdnimg.cn/667e50fa3ef747fe843fb810396aa0d5.png)
如果没有提示,可以使用以下步骤安装中文语言包:
1.打开VSCode,在主界面按下组合键“Ctrl+Shift+P”,在弹出窗口中输入“Configure Display Language”并选择该项,如图:
![](https://img-blog.csdnimg.cn/ae693e6d25c94f82b874ae22b87cb0d8.png)
?2.选择后会出现新的语言选择列表,选择“zh-cn”即可,如图:
![](https://img-blog.csdnimg.cn/14019b39f6af4ca1950aadcb3b6fc429.png)
?3.重启VSCode即可完成设置
2.2安装插件
首先来讲解一下VSCode安装插件方法:
1.单击左侧工具栏“扩展”图标
2.在搜索栏搜索需要的插件名称
3.选择需要的插件,单击安装即可
具体步骤如图:
![](https://img-blog.csdnimg.cn/1e8810ca2bc94953b302c23b8425132d.png)
安装下列必要插件,增加对TS的支持,插件安装完成后,别忘了重启编辑器哦!
![](https://img-blog.csdnimg.cn/9423a3b8e18048e5a7dbea243675c7b3.png)
![](https://img-blog.csdnimg.cn/14dccc065730488ea80899456f6bb7c9.png)
|