• 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:UsersAdministratorAppDataRoaming
    pm	sc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅
     https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
    所在位置 行:1 字符: 1
    + tsc .modelPerson.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-node
    npm install -D typescript
     
    # Or globally with TypeScript. 
    npm install -g ts-node
    npm install -g typescript
    

    2、在启动node参数添加(node parameters) --inspect --require ts-node/register

    参数
    node parameters --inspect --require ts-node/register
    working directory 项目根目录
    javascript file 要执行的ts文件

    webstrom调试ts脚本

    安装 JetBrains IDE Support 浏览器扩展插件,可以官网或其它地方下载

    确保 webstrom 下 settings - debug - built in server里的端口和浏览器扩展里的端口一致。

    需要启动http服务才可以在浏览器运行,并传回webstrom调试。

    对于单个的ts文件,还不能使用此方法调试

    而且如果是node的web程序就可以。

    详细内容查看:WebStorm强大的调试JavaScript功能

  • 相关阅读:
    关于oracle小数和整数混合排序错误问题
    oracle 格式转换 <行转列列转行>
    Postgresql 配置文件详解
    Postgresql 同步流复制
    Postgresql 安装
    mongodb 复制集 维护小结
    mongodb 角色总结
    mongodb 安全认证
    SqlServer实时数据同步到mysql
    批量修改在索引中增加字段
  • 原文地址:https://www.cnblogs.com/zhaoqingqing/p/11814943.html
Copyright © 2020-2023  润新知