本文将简述如何使用vscode [Visual Studio Code]开发工具来搭建一套TypeScript的开发环境,主要的目的是落地留痕,同时也希望能对一些刚入门的小伙伴有一定的参考价值。[注意:Windows,Linux,OS X在操作上基本上一致,只是工具的安装有所不同,这里仅以Windows平台作为本次教程的演示环境]
- Node.js Node.js - Official Site
- Visual Studio Code Visual Studio Code - Official Site
一方面提供一个开发的Runtime;另一方面提供的工具,我们可以利用这个工具来安装。
由于npm安装工具默认会跑到C盘[因为npmrc文件中默认的设置为:],这样有时可能会因为系统权限的问题,导致不能正常成功的安装某些工具,那么我们可以先将npm安装的全局路径自定设置一下,比如:我们可以在nodejs的目录下[即你的node.js安装后的根目录]新建两个目录:,,然后找到目录下的目录下名为 或者 文件,[为安全,我们可以先将该文件copy一个副本出来进行备份]使用文本编辑器打开,修改并新增如下: 和 分别对应之前新建的目录 和 
通过步骤3设置后,后续在安装工具的时候,比如安装TypeScript,最终会安装到中,所以为了后续使用工具命令行,我们可以配置一个环境变量:
首先新建一个 -> ,然后在下新增
[这里只是为了说明问题,可不用进行这一步] 打开,运行命令:,这里不能正常像是版本号,这是由于这里还没有安装typescript,所以我们接下来就先安装TypeScript Compiler

我们可以看到,目录下多了一个后缀的同名文件,这就是typescript编译后的javascript文件。
- http://www.open-open.com/lib/...
- https://www.typescriptlang.or...
- https://code.visualstudio.com...
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/hd-nodejs/17233.html