ibcadmin 发表于 2019-11-8 09:53:30

ts开发环境搭建

ts为typescript的缩写,是javascript的超集。
npm源改为国内

由于 Node 的官方模块堆栈网速太慢,模块堆栈必要切换到阿里的源。
npm config set registry https://registry.npm.taobao.org/实行下面的下令,确认是否切换乐成。
npm config get registry假如输出为 taobao字样,则体现切换乐成
安装 Postman

Postman 是一个 HTTP 通讯测试工具,REST API 的练习会用到它。
请到官网 GetPostman.com 下载独立安装包。
运行tsc报错

在windows10 x64 专业版(10.0.16299) 通过npm 安装ts之后,实行tsc xx.ts,报错信息如下:
tsc : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,由于在此体系上禁止运行脚本。有关具体信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1+ tsc .\model\Person.ts+ ~~~    + CategoryInfo          : SecurityError: (:) [],PSSecurityException    + FullyQualifiedErrorId : UnauthorizedAccess解决办法
实行计谋可资助你防止实行不信托的脚本
1.管理员身份打开powerShell
2.输入set-ExecutionPolicy RemoteSigned
3 选择Y 大概A ,就好了
VS Code 运行ts

在visual studio中 调试 - 实行调试 ,报错如下:
无法找到步伐xx.ts,对应的JavaScript,由于无法启动此步伐打开launch.json必要先实行tsc 把ts编译成js,再实行js
webstrom使用

webstrom界面中有ts的log窗口
安装webstrom之后,有内置的typescript模块,也可以手动安装 npm install -g typescript
webstrom实行ts脚本

以在webstrom下实行ts为例
1、安装ts-node和typescript
https://www.npmjs.com/package/ts-node
# Locally in your project. npm install -D ts-nodenpm install -D typescript # Or globally with TypeScript. npm install -g ts-nodenpm install -g typescript2、在启动node参数添加(node parameters) --inspect --require ts-node/register
参数值node parameters--inspect --require ts-node/registerworking directory项目根目次javascript file要实行的ts文件webstrom调试ts脚本

安装 JetBrains IDE Support 欣赏器扩展插件,可以官网或别的地方下载
确保 webstrom 下 settings - debug - built in server里的端口和欣赏器扩展里的端口划一。
必要启动http服务才可以在欣赏器运行,并传回webstrom调试。
对于单个的ts文件,还不能使用此方法调试
而且假如是node的web步伐就可以。
具体内容检察:WebStorm强大的调试JavaScript功能
页: [1]
查看完整版本: ts开发环境搭建