Persiapan Instalasi Vue JS

Vue JS merupakan salah satu framework yang banyak digunakan oleh para frontend developer. Vue JS merupakan salah satu dari sekian banyak framework java script yang kini mulai banyak digunakan dikalangan frontend developer. Selain Vue JS, ada banyak framework java script yang juga banyak digunakan dan sudah sering kita dengar seperti React dan Angular. Kelebihan dari framework Vue JS adalah kemudahan dalam mempelajari dan teknik yang mudah dipahami.

Berikut tahapan yang harus kamu lakukan untuk memulai menggunakan Vue JS:

Instal Node JS

Untuk bisa menggunakan Vue JS, komputer kamu harus sudah terinstal sistem/aplikasi Node JS yang bisa kamu download pada link ini. Silahkan download file instaler sesuai dengan sistem operasi yang kamu gunakan, Linux, Windows atau macOS. Jika sudah selesai melakukan instalasi, silahkan lakukan pengecekan apakah sudah teristal di komputer kamu dengan cara buka terminal atau Git Bash (silahkan download aplikasi Git Bash jika kamu menggunakan sistem operasi Windows). Lalu ketikan perintah node -v lalu tekan enter. Jika sudah terinstal, maka akan menampilkan versi node js yang terinstal di komputer kamu.

Instal NPM / Vue CLI

Setelah berhasil instal node js, langkah selanjutnya adalah instal npm server untuk bisa menjalakan Vue CLI. Untuk keterangan lengkapnya, kamu bisa buka websitenya.

https://cli.vuejs.org/guide/installation.html 

Lalu ikuti petunjuk instalasi. Atau kamu bisa ketikan perintah berikut pada terminal atau git bash npm install -g @vue/cli lalu tekan enter. Jika sudah berhasil, silahkan lalukan pengecekan dengan mengetikan perintah vue --version pada terminal atau git bash. Maka komputer kamu akan menampilkan versi Vue CLI yang terinstal pada komputer kamu.

Instal Visual Studio Code

Kalian bisa saja menggunakan code editor lain seperti notepad++, sublime text dan yang lainnya. Namun disarankan untuk memilih code editor Visual Studio Code, karena code editor ini sangat memudahkan kita sebagai programmer karena banyak plugin-plugin yang bisa kita instal untuk memudahkan kita saat melakukan coding project Vue JS. Untuk instalnya, kamu bisa buka link berikut ini:

https://code.visualstudio.com/download

Lalu pilih instaler yang disediakan sesuai dengan sistem operasi yang kalian gunakan, Windows, Linux atau macOS. Setelah berhasil instal Visual Studio Code, silahkan buka code editor tersebut dan instal plugin Vetur.