本篇内容介绍了“TypeScript开发环境如何安装”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！如果你的本地环境已经安装了 npm 工具，可以直接使用npm工具来安装TypeScript，这个TypeScript的Package其实也是一个Compiler，可以通过这个Complier将typescript编译成javascript。可以使用以下命令来安装：安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码，以下是查看版本号：TypeScript 转换为 JavaScript 过程如下图：然后我们新建一个 my1.ts 的文件，通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。代码如下：然后执行以下命令将 TypeScript 转换为 JavaScript 代码：这时候再当前目录下（与 my1.ts 同一目录）就会生成一个 my1.js 文件，代码如下：注意：我们可以同时编译多个 ts 文件：tsc 常用编译参数如下表所示：执行 my1.js 文件：很多 IDE 都有支持 TypeScript 插件，如：Visual Studio，Sublime Text 2，WebStorm / PHPStorm，Eclipse 等。我们可以在左侧窗口中点击当前编辑的代码文件，选择open in command prompt（在终端中打开），这时免费云主机域名候我们就可以在屏幕的右侧下半部分使用tsc命令来执行 TypeScript 文件代码了。如果中断选择PowerShell，则可能出现以下错误：无法加载文件C:UsersTANGAppDataRoamingnpmnrm.ps1，因为在此系统上禁止运行脚本可以通过以下方法解决：1.win s 搜索powershell 以管理身份运行2.使用set-ExecutionPolicy RemoteSigned命令将计算机上的执行策略更改为 RemoteSigned,输入Y确定typings 主要是用来获取.d.ts文件。当typescript使用一个外部JavaScript库时,会需要这个文件，当然好多的编译器都用它来增加智能感知能力。在编辑器中集成ESLint检查，可以在开发过程中就发现错误，极大的增加了开发效率。要在VSCode中集成ESLint检查，我们需要先安装ESLint插件，点击「扩展」按钮，搜索ESLint，然后安装即可。VSCode 中的 ESLint 插件默认是不会检查 .ts 后缀的，需要在「文件 => 首选项 => 设置」中，添加以下配置：输入：创建依赖包文件：package.json在项目的根目录下，执行下面的命令：自动创建了一个TypeScript配置文件：tsconfig.json主要是将sourceMap设置为true。同时注意输出和输入目录。利用 vscode 的 tasks，可以自动将 ts 编译为 js。也可以使用别的方式编译，如:gulp,webpack 等。Ctrl + Shift + B运行构建任务，将显示以下“tsc构建- tsconfig.json”选项：或者点击“终端”菜单中的“运行任务”自动添加添加任务文件:/.vscode/tasks.json然后，Ctrl + Shift + B运行构建任务，将显示以下选项选择 “tsc: 监视 - tsconfig.json”，回车运行之后，编辑的代码保存之后，就会自动编译。调试时，需要配置 vscode 的launch.json文件。这个文件记录启动选项。
添加或编辑文件/.vscode/launch.json。注意 :program需设置为你要调试的 ts 生成的对应的 js。
假如需要调试/src/main.ts,则此处为${workspaceRoot}/dist/main.js。打开main.ts，在左侧添加断点，进行调试。https://github.com/TypeStrong/ts-nodets-node调试 ts 文件时，不会显式生成 js。假如你不想编译为 js 后 再调试，可以考虑这种方式。打开 DEBUG 界面，添加 配置
或者编辑/.vscode/launch.json。或者将args改成以下，调试单独ts文件打开要调试的 ts 文件，添加debugger。打开 debug 界面。在DEBUG后 选择 launch.json 中对应的配置，此处为Current TS File。点击运行按键或者按 F5 运行。“TypeScript开发环境如何安装”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注百云主机网站，小编将为大家输出更多高质量的实用文章！
本文小编为大家详细介绍“怎么使用vue实现锚点定位功能”，内容详细，步骤清晰，细节处理妥当，希望这篇“怎么使用vue实现锚点定位功能”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。这里主要是实现了一个简单的滚动触发锚点高亮，以及点击锚…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
