Membuat aplikasi ASP.NET Core dengan Visual Studio Code (Part 1)

Pada tutorial kali ini kita akan mencoba untuk membuat aplikasi ASP.NET Core dengan editor Visual Studio Code.

Seperti yang sudah kita ketahui bahwa Microsoft baru-baru ini merilis ASP.NET Core dan .NET Core yang merupakan versi minimalis dari .NET Framework dan ASP.NET. Versi ini dioptimalkan untuk kebutuhan pembuatan aplikasi berbasis layanan cloud.

Microsoft juga merilis versi mini dari Visual Studio yang diberi nama Visual Studio Code. Jika dibandingkan dengan Visual Studio maka Visual Studio Code terasa sangat ringan karena hanya fitur2 utama saja yang didukung. Visual Studio Code sangat mirip dengan code editor lain yang simple seperti Sublime atau Web Storm. Anda dapat mengunduh aplikasi Visual Studio Code secara gratis pada tautan berikut.

Langkah 1

Install ASP.NET 5/ASP.NET Core library yang dapat diunduh pada tautan berikut.

image

ASP.NET Core saat ini masih pada versi RC Update 1, namun menurut Microsoft versi ini sudah cukup stabil untuk digunakan pada production. Jadi anda tidak perlu kuatir bila ingin menggunakan versi ini untuk project baru anda.

Setelah instalasi ASP.NET 5/Core selesai, anda dapat menjalankan perintah berikut untuk menginstal paket yeoman yang akan digunakan untuk membuat project asp.net.

npm install -g yo generator-aspnet gulp bower

Jika anda belum menginstal node.js pada komputer anda, anda dapat mengunduh node pada tautan berikut.

Setelah yeoman terinstal anda dapat menambahkan perintah yo aspnet untuk membuat project asp.net baru.

Kemudian pilih project Web Application dan beri nama projectnya SampleAsp.

image

image

Maka folder SampleAsp yang berisi semua file pada project akan dibuat. Pada command promt, masuk kedalam folder tersebut dan jalankan perintah dnu restore untuk mendownload semua package yang diperlukan via NuGet.

Setelah selesai anda dapat menjalankan perintah dnx web untuk menjalankan aplikasi ASP.NET 5/Core yang sudah anda buat.

image

Kemudian untuk menjalankan aplikasi web, anda dapat mengakses alamat http://localhost:5000 pada browser.

image

Untuk membuka project yang sudah kita buat di Visual Studio Code, pilih File – Open Folder – kemudian pilih folder SampleAsp. Setelah itu anda dapat mengedit dan menambahkan kode yang diperlukan.

image

Advertisements

About Erick Kurniawan

IT Trainer, Consultant, & Microsoft Azure MVP Actual Training (http://actual-training.com)
This entry was posted in ASP.NET 5/Core, ASP.NET MVC, Visual Studio Code. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s