<small id='ISjVi'></small> <noframes id='DyLFbv0WSH'>

  • <tfoot id='4lPRe'></tfoot>

      <legend id='w4ZvxtX82'><style id='s5ADYqmr'><dir id='gXhv8ji'><q id='N0olWaXpQn'></q></dir></style></legend>
      <i id='ejg91f'><tr id='cwFQWHx8'><dt id='28hV5lso'><q id='GkLF8bUn10'><span id='z2gstnDH3'><b id='wON09UdRW'><form id='gjMaYv6u2P'><ins id='YjwpX'></ins><ul id='OeuG6'></ul><sub id='NytSHquIp4'></sub></form><legend id='xhysoMHVfY'></legend><bdo id='BLl1Wh'><pre id='mpN0caA'><center id='xWuePBIp2r'></center></pre></bdo></b><th id='m6az4x'></th></span></q></dt></tr></i><div id='b0PY'><tfoot id='BupLT'></tfoot><dl id='uJELcFa'><fieldset id='N7fegRoXlc'></fieldset></dl></div>

          <bdo id='4AXFPz17ZL'></bdo><ul id='RXqSPOvl5'></ul>

          1. <li id='B6KIywWz1'></li>
            登陆

            TypeScript入门根底——第3课 运用VS Code开发TypeScript

            admin 2019-05-14 145人围观 ,发现0个评论

            下载安装Visual Studio Code

            下载链接:https://code.visualstudio.com/

            创立项目

            • 新建名为demo的文件夹
            • 运用指令行进入到该文件夹
            • 运用指令tsc --init创立tsconfig.json文件

            指令tsc --init创立tsconfig.json文件

            • 在demo文件夹下穿件tsjs两个文件夹,别离用以保存TypeScript文件和编译成的JavaScript文件

            编写TypeScript文件

            在ts文件夹下创立test.ts文件,键入如下代码:

            class Hello {
            target: string;
            constructor(target:TypeScript入门根底——第3课 运用VS Code开发TypeScript string) {
            this.target = target;
            }
            sayHello() {
            return "Hello " + this.target;
            }
            }
            let hello = new Hello("World");
            console.log(hello.sayHelTypeScript入门根底——第3课 运用VS Code开发TypeScriptlo());

            TypeScripTypeScript入门根底——第3课 运用VS Code开发TypeScriptt代码

            装备编译选汐项

            • 翻开之前生成的tsconfig.json文件,装TypeScript入门根底——第3课 运用VS Code开发TypeScript备outDir和rootDir两项如下:

            TypeScript编译选项

            outDir: 编译生成的js文件的目录


            • rootDir: ts文件地点目录

            运转使命

            • 菜单:终端 > 运转使命

            VS Code菜单

            • 选择要运转的使命

            其间tsc:构建选项是用TypeScript入门根底——第3课 运用VS Code开发TypeScript于一次编译。tsc:监督选项能够监测ts文件的改动,能够进行实时编译,十分便利

            • 通过上面的过程,便能看到在js目录下生成了test.js文件

            调试代码

            • 按F5调试代码,呈现下面的过错

            • 翻开launch.json文件,做出如下修正
            "prTypeScript入门根底——第3课 运用VS Code开发TypeScriptogram": "${workspaceFolder}\\ts\\test.ts",
            修正为
            "program": "${workspaceFolder}\\js\\test.js",
            • 再次F5调试,便能看到成果

            请关注微信公众号
            微信二维码
            不容错过
            Powered By Z-BlogPHP