Rehber Fivem'de Vue JS Kullanımı

[Ledun]

Herkese selamlar FiveM de Uİ geliştirmek için klasik JQuery'den farklı olarak Vue JS gibi kütüphaneleri kullanmakta mümkün özellikle Vue JS in kolay yapısı bir çok arkadaşın işine yarayacaktır eminim. Lafı fazla uzatmadan Paketimizin içine resources kısmına Vue-test isimli bir dosya açıyoruz. Daha sonra içine şu şekilde bir fxmanifest.lua dosyası oluşturuyoruz.

Daha sonrasında Vue JS in çalışması için Vue CLI dosyamızı kurmamız gerekli. Cmd veya Powershellde kullanabilirsiniz
" npm install -g @vue/cli " bu komutu çalıştırmamız gerekli Vue gerekli kurumları yapacaktır.​

Kurulumlar bu şekilde tamamlanmıştır.



Bu kısımdan sonra VS code editörümüze gelip Terminal Diyip Oluşturduğumuz Vue-test isimli projemize locate olmamız gerekli



Açılan terminal ekranın " vue create vue-demo " yazmamız ve projemizin oluşturulmasını beklememiz gerekli.




Bu ekranda preset alanını default Vue olarak seçebilirsiniz




Kurulum bu şekilde tamamlandı



Daha sonra ise vue-demo içerisine " vue.config.js " isimli bir dosya oluşturmamız gerekli içerisine şu şekilde oluşturmamız gerekli.



publicPatch: " " olması gerekli düzeltme

Daha sonra ise " vue- demo " içerisine locate olup terminal ile " npm run build " dememiz gerekli
projemiz bu şekilde çalışmış olacak



Fiveme girdiğinizde vue projemizin çalıştığını görebilirsiniz


​

 

[Gangbanger]

+rep
إنه جميل ما شاء الله

 

[Raider]

Sürüm:@vue/cli 5.0.8 sürüm üzerinde bu yöntemler pek işe yaramıyor standart vue3 kurulumu yaptıysanız dosyanızı oyuna yansıtmak için:

Alt kısımdaki kod ile değiştir (vue.config.js)

module.exports = {
  publicPath: "",
};

npm run serve bazlı ilk kurulum da genelde dosyalar dist içinde olur fxmanifest veya __resource dosyası üzerinde ise böyle yapmanız yeterlidir

ui_page 'dist/index.html'

files {
    "dist/index.html",
    'dist/js/*.js',
    'dist/css/*.css',
    'src/main.js',
    'dist/img/*.png'
}

Konu hala bilmeyenler için yararlı fakat bu benim cözüm önerimdir güncel kurulum yapanlar içindir.

 

[ESCKaybeden]

aslına bakılırsa vue3 veya reactjs ile kod yazmak basit olan kısım sizi zorlayacak kısım sürekli build almak olucak bundan da kurtulmak için biraz araştırma yaparsanız her save aldığınızda otomatik olarak build alabilicek paketler kurabilirsiniz eğer bulamazsanız geçici olarak vite kullanabilirsiniz ki bu da normale göre daha hızlı build alıyor

Linkleri,görmek için Giriş yap veya üye ol.

Linkleri,görmek için Giriş yap veya üye ol.