IDE Desteği

mdui, VS Code ve WebStorm için özel olarak optimize edilmiştir. Bu IDE'lerde kod tamamlama, üzerine gelme ipuçları gibi özellikleri elde edebilirsiniz.

VS Code

npm ile kurulan mdui

mdui'yi npm aracılığıyla kurduysanız, mevcut projenizde VS Code'un IDE desteğini etkinleştirmek için aşağıdaki adımları izleyin:

1. Proje kök dizininde .vscode dizinini oluşturun.
2. .vscode dizini içinde settings.json dosyasını oluşturun.
3. settings.json dosyasına aşağıdaki kod satırlarını ekleyin:

   {
     "html.customData": ["./node_modules/mdui/html-data.en.json"],
     "css.customData": ["./node_modules/mdui/css-data.en.json"]
   }
   

Eğer settings.json dosyası zaten mevcutsa, yukarıdaki iki satırı JSON belgesinin kök düğümüne eklemeniz yeterlidir. Değişiklikleri tamamladıktan sonra VS Code'u yeniden başlatın.

CDN ile kullanılan mdui

Eğer mdui'yi CDN aracılığıyla kullanıyorsanız, mdui'nin VS Code eklentisini kurarak IDE desteği elde edebilirsiniz.

VS Code'un eklenti mağazasında mdui araması yapın ve ilk sonucu kurun veya kurulum için buraya tıklayın. Kurulum tamamlandığında, tüm projeler mdui'nin IDE desteğini kullanabilecektir.

IDE desteğinin kullanılan mdui sürümüyle tutarlı olmasını sağlamak için, VS Code eklentisini kurmak yerine öncelikle npm ile kurulum yapıp settings.json dosyasını ayarlamanız önerilir.

WebStorm

npm ile kurulan mdui

mdui'yi npm aracılığıyla kurduysanız, mevcut projenizde WebStorm'un IDE desteğini etkinleştirmek için aşağıdaki adımları izleyin:

1. Proje kök dizinindeki package.json dosyasının kök düğümüne aşağıdaki kod satırlarını ekleyin:

   {
     "web-types": ["./node_modules/mdui/web-types.en.json"]
   }
   

Eğer package.json dosyasının kök düğümünde zaten bir web-types özelliği varsa, ./node_modules/mdui/web-types.en.json değerini web-types dizinine eklemeniz yeterlidir. Değişiklikleri tamamladıktan sonra WebStorm'u yeniden başlatın.

CDN ile kullanılan mdui

Eğer mdui'yi CDN aracılığıyla kullanıyorsanız, mdui'nin WebStorm eklentisini kurarak IDE desteği elde edebilirsiniz.

WebStorm'un eklenti mağazasında mdui araması yapın ve ilk sonucu kurun. Kurulum tamamlandığında, tüm projeler mdui'nin IDE desteğini kullanabilecektir.

IDE desteğinin kullanılan mdui sürümüyle tutarlı olmasını sağlamak için, WebStorm eklentisini kurmak yerine öncelikle npm ile kurulum yaparak IDE desteği elde etmeniz önerilir.

VS Code ve WebStorm Destekleri Arasındaki Farklar

mdui'nin VS Code ve WebStorm desteği arasında bazı farklılıklar bulunmaktadır. Aşağıdaki tabloda detaylı farklılıklar listelenmiştir: