Ubuntu 20.04te Vue CLI Nasıl Kurulur

Bu yazımızda Ubuntu 20.04 üzerine Vue CLI nasıl kurulur bunu anlatacağız.

Vue.js, açık kaynaklı bir model-görünüm-görünüm modeli ön uç JavaScript çerçevesidir. Bu makale, kurulum süreci ve merhaba dünya ilk projesi oluşturma konusunda size rehberlik edecektir.

Önkoşullar

• Bir Ubuntu 20.04 kurulu adanmış sunucu veya KVM VPS.
• Yönetici ayrıcalıklarına sahip bir kök kullanıcı erişimi veya normal kullanıcı.

Vue CLI'yi Ubuntu 20.04'e yükleyin

1 - Sunucuyu güncel tutun

# apt update -y

2 - NodeJS'yi İndirin

NodeJS'nin en son kararlı sürümünü indirin.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

3 - NodeJS'yi yükleyin

Ardından, aşağıdaki komutu kullanarak NodeJS'yi kurun:

# apt-get install -y nodejs

4 - Kurulumu doğrulayın

# node -v && npm -v

Çıktı:

v15.9.0
7.5.4

5. Vue CLI'yi yükleyin

Aşağıdaki komut Vue CLI'yi yükleyecektir.

# npm install -g @vue/cli

Kurulumu doğrulayın:

# vue --version

Çıktı:

@vue/cli 4.5.11

6. Vue projesi oluşturun

# vue create hello-world

Bir ön ayar seçmeniz istenecektir. Temel bir Babel + ESLint kurulumuyla birlikte gelen varsayılan ön ayarı seçebilir veya ihtiyacınız olan özellikleri seçmek için "Özellikleri manuel olarak seç"i seçebilirsiniz.

Çıktı:

Vue CLI v4.5.11
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 2] babel, eslint)
Default (Vue 3 Preview) ([Vue 3] babel, eslint)
Manually select features

Merhaba-dünya projesi başarıyla oluşturuldu.
Aşağıdaki komutlarla başlayın:

# cd hello-world
# npm run serve

Çıktı:

App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.106:8080/

Note that the development build is not optimized.
To create a production build, run npm run build.

Tarayıcınıza gidin ve http://[sunucu_IP]:8080'i açın.

Bu kadar. Kurulum tamamlandı.

Bu yazımızda Ubuntu 20.04 üzerinde Vue CLI kurulumunun nasıl yapıldığını gördük.