2017-02-15 101 views
2
,似乎是ES6只

我一直在使用VSCode相當長的時間,而這是非常好的,我失去了智能感知和特點:智能感知與ES5

  • 我不能按Ctrl +點擊進入要定義
  • 我不能定義

這裏的預覽是我在用的:

  • ES5
  • 角JS

我的所有文件都被包裹成一個封閉,如:

(function() { 
    angular.module('foo').factory('bar', ['dep1', function(dep1) { 
     dep1.stuff(); 
    }]); 
})(); 

考慮到這一點,纔可能有「轉到定義」和其他不錯的VSCode東西的工作?如果是這樣,怎麼樣?

我能做些什麼來簡單地點擊ctrl +點擊dep1並讓VSCode打開dep1被定義的文件?

回答

1

我可以推薦的是,您嘗試安裝John Papa的Visual Studio代碼Angular 1.x的擴展。它直接通過VSCode安裝。你可以查看它的一些例子here。它會爲您提供代碼完成,它會自動完成很多任務,你經常做角,如創建服務,控制器,指令...

enter image description here

順便說一句約翰爸爸是Angular Style guide的作者,他的編碼方式在角度發展世界中可以被稱爲「最佳實踐」。

+0

謝謝:我來看看。它會提供Angular builtin文件以及我寫的文件的代碼完成嗎? –

+0

Angular內建文件是什麼意思?如果您發現它有用,請提出答案。 –

+0

我的意思是:我認爲這個擴展會在角度對象上添加完成,比如:$ scope,angular等等......如果我想在自己的角元素上自動完成,該怎麼辦? (我的控制器,服務,..) –

1

爲javascript/typescript獲取intellisense的最佳方式是安裝typings

我發現這個擴展性好與安裝分型:https://marketplace.visualstudio.com/items?itemName=benjaminromano.typings-installer

一旦你的安裝,然後你可以啓動它(F1 > Typings Installer: Typings > angular),並安裝dt~angular分型。從那裏你應該開始獲得intellisense,去定義和可能的錯誤檢查。

代碼應該選擇它(如果不是隻是重新加載編輯器)。你應該開始獲得智能感知。如果您想更多地調整它,我會建議您查看jsconfig.json文件:https://code.visualstudio.com/docs/languages/jsconfig

+0

謝謝。我安裝了typings-installer,但我不確定如何使用它。輸入「F1>類型安裝程序:類型」後,它會顯示「輸入類型名稱」。 然後,我輸入「dt〜角度」,它說「沒有發現'dt〜角度」的類型。 –

+0

嘗試不使用'dt〜'部分 –

0

您可以通過在Visual Studio代碼中啓用合成默認導入來獲取通用目的輸入信息。

它可以讓你從TypeScript類型定義中獲得Intellisense,或者從許多流行的存儲庫的JSDoc中獲取推理類型信息。

這是一個tutorial如何建立事情。