请选择 进入手机版 | 继续访问电脑版
查看: 394|回复: 4

ts开发环境搭建

  [复制链接]
  • TA的每日心情
    开心
    6 天前
  • 签到天数: 1608 天

    [LV.Master]伴坛终老

    4251

    主题

    6175

    帖子

    11万

    积分

    管理员

    IBC编程社区-原道楠

    Rank: 9Rank: 9Rank: 9

    积分
    111214

    推广达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2019-11-8 09:53:30 | 显示全部楼层 |阅读模式

    马上加入IBC,查看更多教程

    您需要 登录 才可以下载或查看,没有帐号?立即注册

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

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

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

    在windows10 x64 专业版(10.0.16299) 通过npm 安装ts之后,实行tsc xx.ts,报错信息如下:
    1. 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中 调试 - 实行调试 ,报错如下:
    1. 无法找到步伐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
    1. # Locally in your project. npm install -D ts-nodenpm install -D typescript # Or globally with TypeScript. npm install -g ts-nodenpm install -g typescript
    复制代码
    2、在启动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功能
    C#论坛 www.ibcibc.com IBC编程社区
    C#
    C#论坛
    IBC编程社区
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则