zoukankan      html  css  js  c++  java
  • 前端结合Typescript进行快速开发

    这里介绍的是不使用任何的前端框架,保持初心,最简单的做法。以下总结,使用工具Visual Studio Code。

     

    第一步:创建一个package.json文件。这个可以通过 npm init命令来完成。

    第二步:创建一个tsconfig.json文件。这个用来定义typescript的编译选项。关键的一个设置如下,就是typeRoots这个设置。

    第三步:在根目录下创建一个typings目录,并创建一个index.d.ts文件。在这个文件中,引用其他的d.ts文件。例如

    /// <reference path="../node_modules/@microsoft/teams-js/dist/MicrosoftTeams.d.ts" />

     

    这些d.ts文件,可以通过 npm install 命令来安装标准的npm包得到。例如,如果我安装了microsoftTeams的客户端JS SDK(npm install @microsoft/teams-js ),就会有如下的文件。


    第四步:编写你的业务应用的前端代码逻辑,使用ts文件。例如

    在这里写代码时有完整的智能提示。非常舒服。

     

    第五步:运行 tsc 命令生成 js文件,并且在html文件中直接应用这些js文件,例如

  • 相关阅读:
    最短路-dij
    链式前向星
    B树、B+树
    C++类
    差分约束
    数位DP
    Markdown编辑器:表格
    git使用笔记
    leetcode 162. 寻找峰值(二分)
    python matplotlib包的安装注意事项:报错——No such file or dir : tmp/matplotlib-xxxxxx
  • 原文地址:https://www.cnblogs.com/chenxizhang/p/14382837.html
Copyright © 2011-2022 走看看