Là nhà phát triển, chúng tôi có rất nhiều công cụ thú vị theo ý của chúng tôi. Đối với công việc của CSS, chúng tôi có thể sử dụng các tiền xử lý như SASS và LESS & NBSP; để cải thiện quy trình làm việc của chúng tôi. Đối với các tương tác phía trước, chúng tôi có thể mở rộng công việc của mình với các thư viện và khung JS.
Nhưng một trong những công cụ mạnh mẽ nhất trong kho vũ khí của chúng tôi là một công cụ được chôn sâu trong máy tính của chúng tôi: dòng lệnh. Biết cách sử dụng dòng lệnh & nbsp; rất quan trọng nếu bạn muốn tận dụng tối đa các công cụ phát triển hiện đại như Grunt, Git, Gulp, NPM, Bower, & NBSP; và nhiều hơn nữa. Giao diện dòng là một & nbsp; kỹ năng thiết yếu cho & nbsp; các nhà phát triển đầu tiên. Hướng dẫn này sẽ phục vụ để giới thiệu cho bạn các quyền hạn của việc kết hợp quy trình làm việc dòng lệnh vào quá trình phát triển của bạn.The command line. Knowing how to use the command line is crucial if you want to take full advantage of modern development tools such as Grunt, Git, Gulp, npm, Bower, Sass, and much more. The ability to use command-line interfaces is an essential skill for front-end developers. This tutorial will serve to introduce you to the powers of incorporating a command-line workflow into your development process.
Đây là những gì sẽ được đề cập trong hướng dẫn này:
- Tại sao sử dụng dòng lệnh?
- Một số thuật ngữ bạn cần biết
- Mở dòng lệnh
- Hiển thị vị trí hiện tại của bạn trong hệ thống tệp
- Liệt kê nội dung của một thư mục
- Điều hướng đến các thư mục
- Tạo các tệp và thư mục mới
- Chuỗi các lệnh lại với nhau
- Xóa các tệp và thư mục
- Di chuyển các tập tin và thư mục
- Sao chép các tập tin và thư mục
Tại sao sử dụng dòng lệnh?
Chúng tôi có rất nhiều giao diện người dùng đồ họa [GUI] cho phép chúng tôi thực hiện các tác vụ của mình. Nhưng sâu bên dưới các ứng dụng này là các lệnh được chạy trong hệ thống. Thông thường, chúng tôi giới hạn về các hành động chúng tôi có thể thực hiện vì thiết kế của ứng dụng.
Dòng lệnh cho chúng ta nhiều sức mạnh hơn hệ thống của chúng ta. Nó mở khóa siêu năng lực cho các dự án của chúng tôi.
Một số thuật ngữ bạn cần biết
Trong suốt hướng dẫn này, các thuật ngữ sau đây sẽ được sử dụng.
- Giao diện dòng lệnh: Điều này đề cập đến phần mềm nơi bạn nhập các lệnh của mình. Có nhiều giao diện dòng lệnh bạn có thể sử dụng và một số tùy chọn của bạn được thảo luận dưới đây. Giao diện dòng lệnh mặc định trên Mac OS là ứng dụng đầu cuối. This refers to the software where you input your commands in. There are various command-line interfaces you can use, and some of your options are discussed below. The default command-line interface on Mac OS is the Terminal app.
Đối với người dùng Windows, nó là dấu nhắc lệnh.
- Trình thông dịch ngôn ngữ lệnh [CLI]: Giao diện dòng lệnh cũng thường được gọi là phiên dịch ngôn ngữ lệnh. CLI ngắn. Thuật ngữ này được sử dụng thay thế cho & nbsp; với các giao diện dòng lệnh trong suốt hướng dẫn. command-line interfaces are also often called command language interpreters. CLI for short. This term is used interchangeably with command-line interfaces throughout the tutorial.
- Thư mục: Điều này tương đương với một thư mục & nbsp; trong máy tính của bạn. This is equivalent to a folder in your computer.
- Thư mục làm việc: Đây là thư mục hiện tại mà bạn đang tham gia. This is the current directory you’re in.
- Tùy chọn lệnh/cờ lệnh: Đây là các hướng dẫn bổ sung thay đổi hành vi mặc định của lệnh.: These are additional instructions that change the default behavior of a command.
Mở dòng lệnh
hệ điều hành Mac
Để mở dòng lệnh hệ thống, chúng ta có thể sử dụng ứng dụng thiết bị đầu cuối.Terminal application.
Để mở ứng dụng thiết bị đầu cuối, hãy truy cập thư mục ứng dụng của bạn, điều hướng đến thư mục tiện ích và nhấp vào ứng dụng Terminal để mở nó. Nếu bạn muốn có nhiều quyền kiểm soát hơn đối với dòng lệnh, tôi khuyên bạn nên cài đặt ITERM2.
các cửa sổ
Trên Windows, giao diện dòng lệnh mặc định là dấu nhắc lệnh. Để truy cập dấu nhắc lệnh, nhấp vào nút Bắt đầu, sau đó nhấp vào tất cả các chương trình> Nhấp vào Phụ kiện> Nhấp vào dấu nhắc lệnh.Command Prompt. To access the Command Prompt, click the Start button, then click All Programs > click Accessories > click Command Prompt.
Lời nhắc lệnh là dựa trên DOS. Ứng dụng thiết bị đầu cuối Mac OS là dựa trên UNIX. Nhiều lệnh mà chúng tôi sẽ nói trong hướng dẫn này đã giành được công việc của người dùng hoặc sẽ hành xử khác nhau trên Windows.. Mac OS’s Terminal app is Unix-based. Many of the commands we’ll talk about in this tutorial won’t work or will behave differently on Windows.
Đối với người dùng Windows, tôi khuyên bạn nên cài đặt một công cụ có tên CMDER và sử dụng đó đang tiến về phía trước.
Hiển thị vị trí hiện tại của bạn trong hệ thống tệp
Trong Mac OS, GUI chúng tôi sử dụng để điều hướng hệ thống tệp của chúng tôi là ứng dụng Finder. Trên Windows, GUI của chúng tôi là Windows Explorer. & NBSP; Hãy nghĩ về CLI như một hệ thống điều hướng hệ thống tệp mà không có GUI.
Thông thường, khi dòng lệnh được mở lần đầu tiên, bạn có thể thấy tên của máy tính và đường dẫn tệp đại diện cho thư mục gốc của hệ thống tệp của bạn. Để xem vị trí hiện tại của chúng tôi trong hệ thống tệp, chúng tôi có thể nhập
CSS/ ??? SCSS/3 và nhấn Enter trong dòng lệnh.
CSS/ ??? SCSS/3 là viết tắt của thư mục làm việc in.
CSS/ ??? SCSS/3 and press Enter within the command line.
CSS/ ??? SCSS/3 stands for print working directory.
Liệt kê nội dung của một thư mục
Để được trình bày với một danh sách & nbsp; tệp và thư mục con trong thư mục hiện tại, hãy sử dụng lệnh
CSS/ ??? SCSS/5.
CSS/ ??? SCSS/5 command.
Điều hướng đến các thư mục
Với dòng lệnh, chúng ta có thể chuyển sang các thư mục cụ thể bằng lệnh
CSS/ ??? SCSS/6 [thư mục thay đổi]. Ví dụ: trên Mac OS, để điều hướng đến thư mục máy tính để bàn, chúng tôi có thể gõ:
CSS/ ??? SCSS/6 [change directory] command. For example, on Mac OS, to navigate to the Desktop folder, we could type:
cd Desktop
CSS/ ??? SCSS/7] làm đối số của lệnh
CSS/ ??? SCSS/6.
Ví dụ, hãy để nói rằng thư mục làm việc của chúng tôi được đặt tên là SCSS. Thư mục mẹ của nó được đặt tên là CSS:
CSS/ ??? SCSS/
Để tạo thư mục & nbsp; css & nbsp; thư mục làm việc của chúng tôi, chúng tôi có thể nhập:
cd ..
Chúng ta có thể nêu đường dẫn tương đối của một thư mục để chuyển sang các thư mục con với lệnh chỉ & nbsp; một ____ 16 & nbsp; lệnh.
Nếu & nbsp; chúng tôi muốn truy cập thư mục ProjectFolder, đây là một thư mục con nằm bên trong thư mục máy tính để bàn, chúng tôi có thể phát hành lệnh sau:
cd Desktop/projectFolder
Tạo các tệp và thư mục mới
Bây giờ chúng tôi có nguồn để điều hướng xung quanh máy tính của chúng tôi bằng giao diện dòng lệnh, giờ đây chúng tôi có thể tạo các tệp và thư mục mới. Hãy tưởng tượng điều này, chúng tôi có thể điều hướng đến thư mục dự án của chúng tôi và sau đó tạo tất cả các tệp HTML, CSS và JS của chúng tôi bằng cách sử dụng dòng lệnh. Với các lệnh sau, điều quan trọng là bạn phải biết bạn đang ở thư mục nào [ví dụ:
Thư mục làm việc của bạn]. Một lời nhắc nhở, chúng ta có thể sử dụng lệnh
CSS/ ??? SCSS/3 để xem thư mục hiện tại của chúng tôi.
Tạo một thư mục mới
Để tạo một thư mục bên trong thư mục làm việc của chúng tôi, chúng tôi có thể sử dụng lệnh ____ 21 [thư mục tạo] theo sau tên của thư mục chúng tôi muốn tạo.
Để tạo một thư mục có tên Kiểu, chúng ta có thể phát hành lệnh này:
mkdir styles
Tạo một tệp mới
Để tạo một tệp mới thuộc bất kỳ loại nào, hãy sử dụng lệnh
cd ..
2 theo sau là tên tệp. Bạn phải chỉ định loại tệp bạn đang tạo với tiện ích mở rộng tên tệp. Lệnh sau đây sẽ tạo một tài liệu HTML trống có tên chỉ mục.cd ..
2 command followed by the filename. You must specify the type of file you are creating with a filename extension. The following command will create an empty HTML document named index.touch index.html
Chuỗi các lệnh lại với nhau
Gõ một lệnh riêng lẻ cho mỗi hành động mà chúng tôi muốn làm là một chút tẻ nhạt, vì vậy để tăng tốc quá trình, chúng tôi có thể chuỗi các lệnh cùng với
cd ..
3. Mặc dù vậy, hãy coi chừng: mỗi lệnh phải được thực thi thành công để lệnh tiếp theo chạy. Lệnh dưới đây sẽ:- tạo tệp index.html
- Tạo một thư mục kiểu
- Tạo tệp style.css bên trong thư mục Styles mới được tạo
touch index.html && mkdir styles && touch styles/style.css
Xóa các tệp và thư mục
Nếu chúng ta có sức mạnh để tạo ra & nbsp; thư mục và tệp với dòng lệnh, tất nhiên chúng ta có khả năng xóa chúng.
Lưu ý: Các tệp và thư mục bạn quyết định xóa won được chuyển sang thùng rác/tái chế của bạn. Bạn đã thắng được có thể khôi phục các tệp bị xóa của bạn. Các tập tin được xóa một cách hiệu quả khỏi hệ thống. Lệnh để xóa các tệp và thư mục là
cd ..
4 [xóa].You won’t be able restore your removed files. The file is effectively removed from the system. The command for deleting files and directories is cd ..
4 [remove].Xóa một tập tin
Trước tiên, hãy nhìn vào việc xóa các tệp bằng lệnh
cd ..
5. Loại bỏ các thư mục yêu cầu một số hướng dẫn bổ sung, mà chúng ta sẽ nói trong một thời gian ngắn. Chúng tôi có thể xóa các tệp bằng cách nhập cd ..
5 theo sau là tên của tệp chúng tôi muốn xóa.Hãy để xóa các tệp & nbsp; contact.html & nbsp; file.
rm contact.html
Xóa một thư mục
Loại bỏ một thư mục khỏi hệ thống là một chút khó khăn hơn. Nếu chúng tôi chạy lệnh
cd ..
5 bằng & nbsp; tên thư mục làm đối số, chúng tôi đã trình bày một lỗi.Theo mặc định, hệ thống tệp có thể xóa các thư mục vì có thể có các tệp bên trong. Hãy nghĩ về điều này như một biện pháp an toàn. Tuy nhiên, chúng tôi có thể ghi đè lên thước đo an toàn đó bằng cách chỉ định tùy chọn lệnh.command option.
Tùy chọn lệnh cũng được gọi là cờ hoặc công tắc. Một tùy chọn lệnh cung cấp các hướng dẫn bổ sung. Nó & nbsp; thay đổi hành vi mặc định của một lệnh.flags or switches. A command option provides extra instructions. It changes the default behavior of a command.
Ví dụ: hành vi mặc định của lệnh
cd ..
5 không cho phép chúng tôi & nbsp; xóa một thư mục và cho chúng tôi biết & nbsp; chúng tôi đã cố gắng xóa một thư mục. Nhưng nếu chúng ta sử dụng tùy chọn cd ..
9, chúng ta có thể ghi đè hành vi mặc định của lệnh cd ..
5. cd ..
9 là viết tắt để đệ quy.cd ..
9 option we can override the default behavior of the cd ..
5 command. cd ..
9 is short for recursive.Hãy để xóa thư mục JS & NBSP; tất cả các tệp bên trong thư mục đó:
rm -r js
Di chuyển các tập tin và thư mục
Để di chuyển một tệp hoặc thư mục đến một vị trí mới, chúng tôi sử dụng lệnh
cd Desktop/projectFolder
2. Nếu bạn di chuyển một thư mục, tất cả các tệp và thư mục con của nó sẽ đi cùng với nó. Với lệnh cd Desktop/projectFolder
3, chúng ta cần cung cấp hai đối số.Đối số đầu tiên chúng tôi cung cấp là tên của tệp hoặc thư mục chúng tôi muốn di chuyển. Đối số thứ hai là vị trí mà chúng tôi muốn di chuyển tệp/thư mục. Nếu chúng ta muốn chuyển Main.css vào thư mục Styles, đây là lệnh chúng ta sẽ phát hành:file or directory we want to move. The second argument is the location where we want to move the file/directory. If we want to move main.css into the styles directory, this is the command we would issue:
mv main.css styles
Ví dụ: nếu chúng ta muốn di chuyển một tệp có tên reset.css và di chuyển nó vào thư mục Styles theo tên tệp mới của Normalize.css, đây là lệnh chúng ta sẽ sử dụng:
CSS/ ??? SCSS/0
Sao chép các tập tin và thư mục
Nếu bạn muốn lấy một tệp hoặc thư mục hiện có và tạo một bản sao của nó ở một nơi khác, chúng tôi có thể sử dụng lệnh
cd Desktop/projectFolder
4 [sao chép]. Giống như lệnh cd Desktop/projectFolder
3, chúng ta cần cung cấp hai đối số khi phát hành lệnh cd Desktop/projectFolder
6: tên của tệp chúng ta muốn sao chép và vị trí của nơi tệp sẽ được sao chép.name of the file we want to copy, and the location of where the file will be copied to. Sao chép một tập tin
Lệnh sau đây sẽ tạo một bản sao của một tệp có tên Index.html trong thư mục làm việc hiện tại.
Bản sao của tệp sẽ được đặt tên là Contact.html.
CSS/ ??? SCSS/1
Sao chép một thư mục
Khi bạn sao chép một thư mục vào một vị trí khác, tất cả các tệp và thư mục con được sao chép cùng với nó. Trước đó, hãy nhớ khi chúng tôi cố gắng xóa một thư mục bằng lệnh
cd ..
5, chúng tôi đã được trình bày một thông báo lỗi và CLI đã ngăn chúng tôi xóa thư mục?Chúng tôi sẽ gặp phải một vấn đề tương tự khi chúng tôi cố gắng sao chép một thư mục vào một vị trí khác. Tuy nhiên, sử dụng cờ
cd ..
9, chúng ta có thể ghi đè hành vi mặc định này. Lệnh sau đây sẽ sao chép thư mục Styles.Bản sao của thư mục Styles sẽ được đặt tên là StyleSnew.
CSS/ ??? SCSS/2
Sự kết luận
Dưới đây là một bản tóm tắt của tất cả các lệnh chúng tôi đề cập trong & nbsp; hướng dẫn này:
CSS/ ??? SCSS/3 | In thư mục làm việc |
CSS/ ??? SCSS/5 | Danh sách nội dung của một thư mục |
1 | Thay đổi thư mục |
2 | Làm thư mục |
3 | Tạo một tập tin |
4 | Xóa một tập tin |
5 | Xóa một thư mục đệ quy |
6 | Di chuyển một tệp vào một thư mục |
7 | Di chuyển tệp sang thư mục và đổi tên tệp |
8 | Sao chép một tập tin |
9 | Sao chép một thư mục đệ quy |
Nếu bạn muốn khám phá thêm các lệnh và tìm hiểu cách tùy chỉnh các màu [xin lỗi, tôi là người Canada] của dấu nhắc thiết bị đầu cuối/lệnh của bạn, tôi khuyên bạn nên kiểm tra loạt video có tên là Dòng lệnh Người dùng & NBSP; . Cho đến lần sau, hạnh phúc chỉ huy-lin!
Nội dung liên quan
- Top 10 hướng dẫn Git cho người mới bắt đầu
- Tăng tốc độ công việc phát triển web của bạn với Grunt
- Cách cài đặt Node.js
- Cách nhanh chóng thiết lập ít hơn.js