Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Terminal
Webdesign

The Command Line untuk Web Design: Mempelajari Dasar-dasar

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called The Command Line for Web Design.
The Command Line for Web Design: Introduction
How to Install NPM and Bower

Indonesian (Bahasa Indonesia) translation by Uady (you can also view the original English article)

Hanya ada beberapa hal yang Anda perlukan untuk bersiap-siap untuk semua hal desain web keren yang dapat Anda lakukan dengan baris perintah.  Banyak generik perkenalan ke baris perintah akan fokus pada hal-hal seperti membuat folder, memindahkan file sekitar, menavigasi sistem Anda dan seterusnya. Saya menemukan bahwa dengan fokus desain web saya jarang menggunakan jenis perintah.

Ketika saya pertama kali mulai belajar baris perintah yang saya juga menemukan banyak tutorial sering melompat lurus menjadi petunjuk seperti "Type blahdee bla bla ke terminal Anda" atau "Menjalankan perintah bloop bip boop." Ini biasanya membuat seseorang baru di baris perintah, "Tunggu sebentar, terminal saya, di mana saya menemukannya, bagaimana cara membukanya dan bagaimana saya menggunakannya?"

Dalam tutorial ini kita akan memastikan bahwa Anda tidak memiliki masalah yang sama. Kita akan mulai pada awal. Anda akan belajar semua penting bekerja dengan terminal atau termasuk bagaimana untuk membukanya, bagaimana untuk menjalankan perintah, bagaimana untuk mengulang perintah, cara untuk menargetkan folder proyek ketika menjalankan perintah, dan bagaimana untuk menangani pesan kesalahan yang paling umum yang Anda akan melihat prompt perintah.

Seri ini akan memberikan langkah-langkah spesifik yang diperlukan untuk kedua Mac dan Windows- Linux Maaf guys. Namun, aku menebak bahwa hanya dengan menjadi pengguna Linux Anda mungkin sudah akan memiliki gelar keakraban dengan baris perintah. Selain itu, "'nix sistem" mayoritas Mac perintah identik di Linux sehingga Anda harus semua baik untuk mengikuti bersama pula.

Catatan pada aplikasi GUI

Saya tahu apa yang apa yang sedang Anda pikirkan, dan ya, itu mungkin untuk menggunakan aplikasi GUI untuk menangani beberapa jenis proses; Saya sering melakukannya sendiri. Namun, GUI yang dirancang untuk semua orang yang oleh kebutuhan satu ukuran cocok untuk semua solusi, jadi jika Anda menemukan Anda ingin melakukan sesuatu app tidak menyediakan untuk, Anda terjebak.

Pada saat Anda telah mengikuti tutorial dalam seri ini Anda akan memiliki pengetahuan untuk dapat menggulung baris perintah Anda sendiri didukung proyek, setiap saat, dan dengan cara apa pun Anda membutuhkannya.

Apa yang dimaksud dengan baris perintah?

Singkatnya, baris perintah memberi Anda cara untuk melewati bekerja dengan antarmuka visual sehingga Anda bisa mendapatkan kait Anda lebih dalam ke dalam cara hal-hal diproses dan kontrol lebih.

Untuk memberikan beberapa latar belakang, ketika komputer pertama kali tiba di tempat kejadian satu-satunya cara Anda dapat berinteraksi dengan mereka adalah melalui mengetik perintah diproses oleh antarmuka baris perintah (CLIs). Akhirnya antarmuka pengguna grafis (GUI) muncul memberikan naik ke visual "titik & klik" interaksi kita terbiasa dalam sistem operasi dan perangkat lunak hari ini.

Dalam dunia web desain hal telah berevolusi ke arah lain. Untuk mulai dengan, hampir semua alat-alat kami adalah perangkat lunak berbasis GUI. Hanya dalam waktu relatif baru memiliki CLI berbasis solusi untuk masalah desain web menjadi cukup mudah diakses bahwa hasil membuat dengan baik dan benar-benar layak belajar untuk menggunakannya.

Hal pertama yang harus memahami mengenai baris perintah adalah bahwa dalam rangka menggunakan itu Anda memerlukan program khusus untuk mengetik perintah Anda ke dalam.

Ada beberapa pilihan yang berbeda yang tersedia, namun dalam seri ini kita akan hanya menggunakan program default yang dapat dengan Mac dan Windows. Pada Mac program yang digunakan untuk bekerja dengan baris perintah yang disebut "Terminal" dan pada Windows itu disebut "Command Prompt".

Bagaimana membuka Command Prompt / Terminal

Benar-benar menemukan dan menjalankan perintah terminal / command prompt tidak segera jelas jika Anda belum pernah menggunakan salah satu sebelumnya. Berikut adalah cara melakukannya di Mac dan Windows.

Pada Mac

Pada Mac, cara termudah untuk membuka terminal adalah hanya untuk pergi ke Launchpad dan mencari Terminal.

Terminal pada Mac terlihat seperti ini:

Setelah Anda menjalankannya, pasang pengisap ke dok. Percayalah, Anda akan menginginkannya di sana.

Pada Windows

Di Windows istilah baris perintah dilakukan melalui Command Prompt.

Pada Windows 8: Dari layar awal pergi ke aplikasi, dan di bawah sistem Windows pilih Prompt Perintah.

Atau tekan tombol Windows ditambah R untuk membuka run window. Di bidang berlabel buka ketik cmd dan klik tombol OK untuk memulai command prompt.

Command Prompt pada Windows terlihat seperti ini:

Catatan Singkat: Untuk singkatnya, daripada mengatakan "terminal / command line" di seluruh seri, saya hanya akan menggunakan kata "terminal" dari sini, kecuali mengacu pada instruksi spesifik Windows.

Menjalankan dan mengulangi perintah

Untuk menjalankan perintah, tunggu sampai Anda melihat sebuah prompt. Pada Mac Anda dapat mengenali prompt oleh $ menandatanganinya berakhir dengan, dan pada Windows berakhir dengan tanda >:

Meminta pada Mac Terminal
Prompt pada Windows Command Prompt

Ketika Anda melihat sebuah prompt Anda dapat mengetikkan perintah Anda kemudian tekan enter untuk menjalankannya:

Satu hal yang super berguna untuk tahu adalah bahwa jika Anda ingin mengulang perintah Anda dapat menekan atas atau bawah panah pada keyboard Anda untuk menggulir melalui sebelumnya memasuki perintah.

Anda akan menemukan ada sering perintah Anda akan ingin menjalankan lebih dari sekali, dan mampu untuk hanya panah atas kemudian tekan enter jauh lebih cepat daripada retyping perintah.

Membuka Terminal di Folder tertentu

Untuk sebagian besar tugas desain web Anda akan melaksanakan menggunakan baris perintah, Anda akan memerlukan terminal Anda untuk menunjuk pada folder perumahan proyek Anda.

Terminal Anda akan menampilkan nama folder yang Anda sedang bekerja di dalam:

Dimungkinkan untuk menavigasi jalan di komputer Anda menggunakan perintah cd, singkat untuk "change directory". Namun, Anda mungkin akan menemukan itu jauh lebih mudah jika Anda hanya bisa klik kanan di dalam folder proyek Anda, kemudian membuka terminal dari sana sudah menunjuk pada tempat yang tepat.

Saya secara pribadi melakukan ini sepanjang waktu, bahkan ketika menggunakan perintah "cd" mungkin akan lebih cepat, karena otak saya desain hanya lebih suka bekerja dengan cara ini. Berikut adalah bagaimana Anda dapat melakukan ini pada setiap sistem operasi.

Pada Mac

Saya menggunakan sebuah aplikasi yang disebut XtraFinder (gratis, dan memiliki banyak fitur yang benar-benar bermanfaat) yang memungkinkan Anda untuk menambahkan opsi baru Terminal di sini untuk menu konteks di Finder.

Pada Windows

Tahan tombol Shift dan klik kanan di dalam folder proyek Anda. Dalam menu konteks Anda harus melihat pilihan membaca Open command window di sini.

Pada jendela ini adalah selalu bagaimana cara membuka prompt perintah sebagai saya menemukan ini menjadi cara termudah.

EACCES Anda tidak memiliki izin? Sudo.

Salah satu hal-hal yang Anda mungkin menemukan diri Anda berjalan ke sering di Mac adalah satu varietas atau lain dari pesan galat yang berisi huruf EACCES.

Itu akan sering disertai dengan sesuatu seperti "Silakan mencoba menjalankan perintah ini lagi sebagai root/Administrator."

Jika, atau ketika Anda melihat ini itu hanya berarti Anda mencoba untuk menyelesaikan tugas yang membutuhkan hak akses yang ditinggikan. Sistem ini adalah untuk membantu memastikan bahwa tak seorang pun dapat membuat perubahan signifikan ke mesin Anda tanpa otorisasi.

Cara termudah untuk memverifikasi bahwa Anda memang diizinkan adalah dengan menambahkan kata sudo ke awal perintah Anda, yang pendek untuk "super user do".

Kemudian Anda akan diminta untuk memasukkan sandi sebelum Anda dapat melanjutkan.

Ketika Anda menambahkan sudo ke perintah Anda beroperasi sebagai "super user" sistem daripada pengguna tua biasa. Dengan elevated privileges tersebut, Anda harus menemukan perintah yang Anda mencoba untuk menjalankan karya saja.

Alternatif untuk sudo

Anda harus menyadari bahwa secara umum ada cara lain selain sudo untuk mendapatkan sekitar kesalahan tingkat akses, misalnya mengubah izin cara setup pada mesin Anda. Namun, langkah-langkah yang biasanya diperlukan untuk jenis proses ini adalah sedikit melampaui tingkat dasar kami meliputi di sini.

Anda akan baik-baik saja untuk menggunakan sudo dalam konteks yang kami akan meliput dalam seri ini. Yang mengatakan, ketika Anda lebih nyaman dengan baris perintah, Anda mungkin ingin mencari orang-orang pilihan lainnya.

Berikut adalah satu proses bookmark untuk kemudian pada memperbaiki npm permissions, relevansi yang akan menjadi jelas dalam tutorial kemudian.

Bagaimana penggunaan sudo akan ditunjukkan dalam seri ini

Di mana pun Anda mungkin harus menggunakan sudo perintah, saya akan menuliskan perintah seperti:

Ini tidak berarti Anda harus benar-benar ketik [sudo] dengan kurung termasuk, tetapi lebih bahwa Anda mungkin atau mungkin tidak perlu menggunakan sudo, yaitu

atau

Jika Anda berada dalam keraguan, Anda dapat selalu mencoba perintah tanpa sudo dan kemudian coba lagi dengan itu, jika Anda melihat kesalahan EACCES.

Dalam Tutorial berikutnya

Dalam tutorial berikutnya, kami akan langsung terjun ke teknik yang dapat Anda terapkan dalam alur kerja desain web yang ada, dengan melangkah melalui cara menggunakan baris perintah untuk pengelolaan paket pihak ketiga.

Anda akan belajar bagaimana untuk memulai dengan dua sistem manajemen paket yang paling populer di web hari ini, dan bagaimana menggunakannya untuk menemukan, menginstal dan memperbarui paket untuk digunakan dalam proyek Anda.

Sampai jumpa di sana!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.