WebStorm 5'i yeni satın aldım ve şu ana kadar Inspection özelliklerinden gerçekten keyif aldım. Chrome uzantımı geliştirirken karşılaştığım bir sorun, chromedeğişkeni tanımaması :
Ben chromeyazarken otomatik olarak tamamlayabilmesi için değişkeni Inspector'a ekleyebilmemin bir yolu var mı ? Sanırım Chromium'u Harici Kitaplık olarak eklemem gerekecek, ancak nereden başlayacağımı bilmiyorum.
Yanıtlar:
Settingsİletişim kutusunu açın ( File> Settings)
Tıklayın Languages & Frameworks> Javascript>Libraries
Tıklayın Download
TypeScript community stubsSeçildiğinden emin olun
Listeden seçin chrome(sadece yazarak hızlıca bulabilirsiniz chrome)
Tıklayın Download and Install
OKAyarlar iletişim kutusunu kapatmak için tıklayın .
Aşağıda gösterilen 2-6. Adımlar:
Sonraki herhangi bir projede, sadece:
Settingsİletişim kutusunu tekrar açın ( File> Settings)
Tıklayın Languages & Frameworks> Javascript> Librariestekrar
Kontrol chrome-DefinitelyTyped
OKDiyaloğu kapatmak için tıklayın .
Aşağıda gösterilen 2-4. Adımlar:
command+,
GÜNCELLEME 2 :
Artık kutudan çıktığı gibi destekleniyor, aşağıdaki tam cevaba bakın .
GÜNCELLEME :
Kodun tamamlanması için kitaplık olarak eklenebilecek daha eksiksiz bir saplama dosyası var. Closure Compiler projesinin bir parçasıdır. Chrome_extensions.js dosyasını indirin .
Ayrıca, WebStorm'un bu kitaplığı IDE'den otomatik olarak eklemesi için özellik isteğine bakın .
Chrome API'si için JavaScript kitaplığını bir yerden almanız veya temel tamamlamayı elde etmek için bir saplama kullanmanız gerekir .
Kitaplık veya bir saplama WebStorm'da yapılandırılabilir .
JSON dosyalarını Extension API ile buldum . Bu JSON dosyalarından JS taslakları oluşturacak bir betik yazılabilir, taslaklar yukarıdaki GitHub'da bağlantılı temel sürüm gibi görünebilir, ancak otomatik oluşturma ile neredeyse eksiksiz API ve JSDoc yorumları içerecekler, böylece buradaki gibi belgeler görüntülenebilir. doğrudan IDE'de.
JSON => JavaScript nesne saplamaları eşlemesi bu durumda oldukça basittir ve bu tür bir dönüştürücü yazmak bir günden fazla (veya yetenekli kodlayıcı için birkaç saat) sürmemelidir.
Birisi devam eder ve uygularsa, lütfen sonuçların bağlantısını buraya gönderin.
/chrome/renderer/resources/extensionsInspection için istediğim şeyin çoğunu bana veren klasörü ekledim .
Unresolved variableben aşağıdaki satırı eklemek zorunda, WebStorm uyarıyor chrome_extension.js: var chrome = {}ve projeme kitaplık olarak sayılabilir.
WebStorm, tanımlanan işlevler için otomatik tamamlamayı etkinleştirmek için bir gün json tanımlarını doğrudan kabul etmelidir. Bu arada, chrome uzantı API'leri için otomatik tamamlamayı etkinleştirmek üzere json dosyalarını js'ye dönüştürmek için https://github.com/QuickrWorld/jsgen adresindeki programı kullanabilirsiniz .