Soru Visual Studio Kodu Otomatik İthalat


Webstorm'dan Visual Studio Koduna geçme sürecindeyim. Webstorm'daki performans oldukça belirgindir.

Visual studio kodu, ihtiyacım olan bağımlılıkları bulma ve içe aktarma konusunda çok yardımcı olmuyor. Şimdiye kadar el ile yapıyorum, ama dürüst olmak gerekirse, webstorm için elle aramam gereken ithalatımı bulup eklemek için 15 saniye beklemeyi tercih ederim.

Screenshot: cannot find import

@ Minko-gechev'den angular2 tohumunu kullanıyorum https://github.com/mgechev/angular2-seed

Benim baseDirimde tsconfig.json var, şuna benziyor:

    {
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "declaration": false,
    "removeComments": true,
    "noLib": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "pretty": true,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitUseStrict": false,
    "noFallthroughCasesInSwitch": true
  },
  "exclude": [
    "node_modules",
    "dist",
    "typings/index.d.ts",
    "typings/modules",
    "src"
  ],
  "compileOnSave": false
}

ve src / client dizinimde buna benzeyen başka bir tane daha var:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "allowSyntheticDefaultImports": true
  }
}

Neden iki tane olduğunu bilmiyorum. Angualr tohumu projesi, derleme yapısının farklı olduğunu tahmin ettiğim için, yazı tipi gulp yapım görevlerini kullanır.

Ben daha faydalı olmak için vscode alabilirim?


21
2017-07-05 18:50


Menşei


vermek alm.tools bir git - basarat
:-) aynı anda deneyimliyor. bir çözüm buldun mu? - Rico Leuthold
Evet - EVERYTHING uzantıları yoluyla eklendiğini öğrendim. "Otomatik içe aktarma" "typescript import yardımı" "tsd-suggestender" "npm intellisense" seçeneğini deneyin. - reach4thelasers
"Otomatik içe aktarma" uzantısını denedim ve "tarama" olduğunu belirtirken biraz da askıda kalıyor. Windows 10'dayım. Herkes aynı probleme sahip mi? - Sang Shin
@ reach4thelasers hey, ben de bir uzantıları vb bulmak için çalışıyordum aynı konumda değilim, yukarıda belirttiğiniz uzantıları yükledim, daha sonra fotoğrafta bahsettiğiniz kodu kopyaladı ancak hala kırmızı hata altında olsun PipeTransform, bana otomatik olarak içe aktarma seçeneği sunmuyor, bunun yerine fotoğrafınızda görüntülediğiniz hatayı alıyorum ... bunu çözmeyi başardınız mı? - Code Ratchet


Cevaplar:


Bunu çeşitli eklentiler kurarak çalışıyorum. İşte uzantılarımın ekran görüntüsü. Çoğu zaman şeyler sınıf adını yazdığım anda kendi başlarına içe aktarılır. Alternatif olarak, üzerine tıklayabileceğiniz bir ampul çıkar. Ya da F1'e basabilir ve "import ..." yazabilirsiniz ve orada da çeşitli seçenekler var. Ben hepsini kullanıyorum. Ayrıca bir arayüz uygulamak için F1 Uygulaması yararlıdır, ancak her zaman işe yaramıyor.

enter image description here


21
2017-10-06 22:18



Mükemmel, onlara bir şeyler vereceğim. Teşekkürler. - Code Ratchet
herhangi bir yapılandırma dosyasını değiştirmek zorunda mıydınız? ya da basit bir kurulum ve etkin miydi? - Code Ratchet
Hayır Herhangi bir yapılandırma değişikliği gerektiğini düşünmüyorum. Benim settings.json içindeki tek şey, "typescript.tsdk": "node_modules / typescript / lib /" dir. Bu, sistemde yüklü olandan ziyade node_modules içindeki yazı tipinin sürümünü kullanmak için vscode'u zorlar. - reach4thelasers
FYI, package.json'dan benim typescript versiyonum "typescript": "2.0.3", - reach4thelasers
Ekli görüntünüz artık görünmediğinden, lütfen eklentileri bir liste olarak sunabilir misiniz? - watery


kullandım Auto Import oldukça kolay olan eklenti.

Kod eylemlerini ve kodu otomatik olarak bulur, ayrıştırır ve sağlar   tüm mevcut ithalatlar için tamamlanma. Typescript ve TSX ile çalışır.

Nasıl çalıştığını görebilirsiniz: https://marketplace.visualstudio.com/items?itemName=steoates.autoimport


7
2018-01-24 06:48



Bu eklentinin iyi çalıştığını doğrulayabilirim. Hatta benim görmezden geliyor index.ts. VS Kodu varsayılan olarak benim index.ts dosya. Mükemmel cevap! - Eric


Var Visual Studio Kodu sorunu Bu özellik için takip edebilir ve beğenebilirsiniz. Bir de vardı Kullanıcı Sesi sorunuama oyu GitHub sorunlarına taşıdıklarına inanıyorum.

TipScript'te otomatik içe aktarma işlevselliği istiyor gibi görünüyor, bu yüzden yeniden kullanılabilir. İzlemek ve burada başparmak yukarıya yazmak için TypeScript otomatik içe aktarma sorunu.


0
2017-11-05 05:27