2014-02-17 62 views
2

WebStorm對於TypeScript有一個很好的功能:我可以右鍵單擊* .html文件中的函數引用,可以在腳本標記內或在dom元素的事件處理函數內部(例如'onclick'),當我選擇轉到聲明,它給了我選擇TypeScript定義的選項,所以我可以直接跳到TypeScript代碼。我可以使「定義」跳轉到Visual Studio 2013中的TypeScript代碼嗎?

我試圖在Visual Studio 2013中做類似的事情。由於Visual Studio似乎並不支持這種開箱即用的方式,所以我嘗試了一種我認爲可能會起作用的破解方法。我定義了一個「鏈接」文件,其中包含一個「links.ts」文件名,它實際上包含100%有效的JavaScript,但是鏈接到其他TypeScript文件中定義的函數。

然後,我在我的html頁面中添加一個腳本引用links.ts。問題是,如果我引用一個ts文件,那麼「Go To Definition」會失敗,即使我改爲引用links.js,它是相同的,它的工作原理。當然,如果我引用links.js,那麼它會打開JavaScript編輯器,如果我在文件中右鍵單擊並轉到定義,它會將我帶到* .js文件,而不是* .ts文件,這是我想要的。

有什麼建議嗎?

+0

我想如果你安裝了resharper,你會得到這個特性,但我可能會錯。 –

+0

我會試試看,謝謝 – Bruce

+0

隨着Resharper 8.1,它更接近。右鍵單擊JavaScript文件並轉到聲明實際上轉到Typescript。編輯html文件時,Go To Definition上下文菜單選項將消失。但Peek Definition選項變得更加有用。它將您引導至JavaScript定義,並從那裏您可以右鍵單擊並轉到打字稿。您可以使用腳本標記中的JavaScript來完成此操作,但不能使用onclick之類的DOM事件。更接近,但不像WebStorm那麼方便。 – Bruce

回答

2

我肯定會建議ReSharper。

按Alt + 7和有用的導航快捷鍵的獲取列表(導航到...):

  • F12 - 聲明(當你想 「跳進」 從使用的聲明),
    • 您也可以按Ctrl +點擊
  • Shift + F12 - 查找用途
  • Alt + F12(這個人是不是在列表中,但它打開宣言的背景下 - 以快速概述)

所以,回答:是的,按F12

相關問題