2017-02-15 14 views
2

Я использую VSCode в течение довольно длительного времени, и в то время как это очень хорошо, я пропускаю intelisense и особенности, которые кажутся ES6 только:Intelisense с ES5

  • Я не могу Ctrl + щелчок для перехода для определения
  • Я не могу иметь предварительный просмотр определения

Вот что я использую:

  • ES5
  • Угловая JS

Все мои файлы упаковываются в закрытии, как:

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

Имея это в виду, можно ли иметь «определение Гото» и другие приятные VSCode материал работает? Если да, то как?

Что я могу сделать, чтобы просто щелкнуть ctrl + click на dep1 и открыть VSCode файл, в котором определяется dep1?

ответ

1

Что я могу порекомендовать, так это то, что вы пытаетесь установить расширение John Papa для Visual Studio Code for Angular 1.x. Он устанавливается непосредственно через VSCode. Вы можете проверить некоторые примеры того, как это работает here. Он предложит вам код завершения, и он будет автоматизировать множество задач, которые часто делают в Угловое, таких как создание служб, контроллеры, директивы ...

enter image description here

Btw Джон Papa является автором Angular Style guide и его способ кодирования можно назвать «лучшей практикой» в мире углового развития.

+0

Спасибо: я посмотрю. Будет ли он предлагать завершение кода для Угловых встроенных файлов, а также для файлов, которые я пишу? –

+0

Что вы подразумеваете под Angular встроенными файлами? Пожалуйста, поддержите ответ, если найдете его полезным. –

+0

Я имею в виду: я думаю, что это расширение добавит завершение по угловым объектам, например: $ scope, угловое и т. Д. ... что, если я хочу автозаполнения на своих собственных угловых элементах? (мои контроллеры, службы, ..) –

1

Лучший способ получить intellisense для javascript/typescript - установить typings.

Я считаю, что это расширение хорошо с установкой типизации: https://marketplace.visualstudio.com/items?itemName=benjaminromano.typings-installer

После того как вы установили, что, вы можете запустить его (F1 > Typings Installer: Typings > angular) и установите dt~angular типизации. оттуда вы должны начать получать intellisense, перейти к определению и, возможно, проверять ошибки.

Код должен затем выбрать это (если не просто перезагрузить редактор). Затем вы должны начать получать intellisense. Если вы хотите изменить его больше, я бы предложил посмотреть в файлы jsconfig.json: https://code.visualstudio.com/docs/languages/jsconfig

+0

Спасибо. Я установил typings-installer, но я не уверен, как его использовать. После ввода 'F1> Typings Installer: Typings', он говорит« введите имя типизации ». Затем я набираю «dt ~ angular», и он говорит: «Не найдено ни одного символа для« dt-angular ». –

+0

Попробуйте его без части 'dt ~' –

0

Вы можете получить общую информацию о типе, которую вытащили, включив Synthetic Default Imports в Visual Studio Code.

Он позволяет вам получать Intellisense либо из определений типа TypeScript, либо путем информации типа типа из JSDoc многих популярных репозиториев.

Для получения информации о том, как настроить вещи, здесь tutorial.