要使VSCode與TypeScript一起使用，需要什么配置？

Question

我正在嘗試使VSCode啟動並與TypeScript一起運行，但收效甚微。

我在看以下內容：

https://code.visualstudio.com/docs/languages/typescript

看起來，一旦您安裝了編譯器VSCode，它就可以正常工作，但是具有以下條件：

tsconfig.json

{
  { 
  "compilerOptions": {
    "target": "es5",                          
    "module": "commonjs",                     
    "esModuleInterop": true                  
  }
}

package.json

{
  "name": "blahh",
  "version": "1.0.0",
  "description": "tryme",
  "main": "index.js",
  "author": "ghost",
  "license": "MIT",
  "devDependencies": {
    "typescript": "^3.4.5"
  }
}

task.json

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "tsc-watch",
      "command": "tsc",
      "args": ["-w", "-p", "."],
      "type":"shell",
      "isBackground": true,
      "group":"build",
      "problemMatcher": "$tslint5",
      "presentation":{
        "reveal": "always",
      }
    }
  ]
}

項目

HelloWorld.ts

function sayHello(name: string): void {
    console.log(`Hello ${name}!`);
}

sayHello(1);

從終端正確運行構建任務或tsc會指示錯誤，直到我將1更改為字符串然后生成HelloWorld.js。 但是，該編輯器無法正常運行，因為沒有intelliSense，代碼完成或錯誤突出顯示。

我已經嘗試了以下方法，但是也沒有用：

VSCode TypeScript Intellisense無法正常工作

其他觀察：

1. 在編輯器的邊框中沒有顯示TypeScript版本號（如我在示例屏幕截圖中所看到的）

2. 在添加以下構建任務時： https ://code.visualstudio.com/docs/editor/tasks#vscode沒有顯示tsc：*模板。

VSCode信息

Version: 1.33.1 (user setup)
Commit: 51b0b28134d51361cf996d2f0a1c698247aeabd8
Date: 2019-04-11T08:27:14.102Z
Electron: 3.1.6
Chrome: 66.0.3359.181
Node.js: 10.2.0
V8: 6.6.346.32
OS: Windows_NT x64 10.0.17134

已安裝的擴展

內建

TypeScript Language Basics: Enabled
... many others 

外部

code --install-extension alanz.vscode-hie-server
code --install-extension alefragnani.Bookmarks
code --install-extension andyyaldoo.vscode-json
code --install-extension christian-kohler.path-intellisense
code --install-extension daiyy.quick-html-previewer
code --install-extension eamodio.gitlens
code --install-extension Edka.haskutil
code --install-extension esbenp.prettier-vscode
code --install-extension fabiospampinato.vscode-todo-plus
code --install-extension flowtype.flow-for-vscode
code --install-extension gcazaciuc.vscode-flow-ide
code --install-extension hoovercj.haskell-linter
code --install-extension jcanero.hoogle-vscode
code --install-extension justusadam.language-haskell
code --install-extension karigari.chat
code --install-extension mrmlnc.vscode-duplicate
code --install-extension ms-vscode.vscode-typescript-tslint-plugin
code --install-extension ms-vsliveshare.vsliveshare
code --install-extension ms-vsliveshare.vsliveshare-audio
code --install-extension ms-vsliveshare.vsliveshare-pack
code --install-extension phoityne.phoityne-vscode
code --install-extension SirTobi.code-clip-ring
code --install-extension WakaTime.vscode-wakatime

那么，我想念的是什么/應該在我的設置中檢查以為TypeScript啟用交互式VSCode功能嗎？

Answer 1

檢查是否啟用了內置的TypeScript and JavaScript Language Features擴展。 為此，請在擴展視圖中搜索@builtin typescript 。