6

我試圖使用Visual Studio代碼編輯react starter kit項目中的文件。 React項目使用Babel進行轉碼,因此它只有.js文件而不是.ts文件。我想VS碼爲這些文件提供適當的intellisense ... 包括新的異步/等待Javascript關鍵字Visual Studio代碼ES7/JS Intellisense

到目前爲止,如果我將文件的擴展名從.js重命名爲.ts,我只能得到intellisense才能正常工作,但我不想將整個項目轉換爲適合我的個人工具選項。

有沒有辦法讓VS碼對待.js文件,就好像它們是.ts文件...僅僅是爲了ES7 intellisense?我發現了thread of discussion about this,但我不確定今天有什麼選擇。我也嘗試添加一個tsconfig.json文件看起來像這樣:我希望這將誘使打字稿到承認.js文件

{ 
    "compilerOptions": { 
    "target": "es6" //An "es7" option is not yet legal 
    }, 
    "filesGlob": [ 
    "./**/*.js", 
    "!./node_modules/**/*.js" 
    ] 
} 

,但沒有運氣。

最終我只想在VS Code中使用ES7 intellisense。如果有一個完全不同的方式來實現這一點,那也是受歡迎的。對於這個問題,如果有VS代碼的替代方案可以爲ES7 Javascript提供相當於智能感知的功能,那麼我也有興趣知道這一點。

+0

https://github.com/Microsoft/nodejstools/wiki/ES6-IntelliSense-Preview-in-NTVS -1.1 – epascarello

+0

@epascarello:酷!有沒有辦法爲'Visual Studio Code'激活它?或者它只是'Visual Studio'的一個選項?另外,在'Visual Studio'的環境中,看起來我需要在開始之前創建'.njsproj'或'.jsproj'文件... –

回答

0

Visual Studio代碼

  • VSCode不支持filesGlob。它現在只是一個原子-ts。
  • 要使用.js文件,你需要使allowJs

解決方案

tsconfig.json

{ 
    "compilerOptions": { 
    "target": "ES6", 
    "allowJs": true, 
    }, 
    exclude: ["node_modules"] 
} 

注:目標ES6給你所有最新功能(包括任何ES7的)http://json.schemastore.org/tsconfig

相關問題