您可能在Web设计和开发教程中遇到过说明，该说明告诉您执行npm install或git clone等操作。这些是命令行界面（CLI）。 我们通常使用Terminal和Command Prompt中的特定命令来告诉计算机执行特定任务 。
终端和命令提示符可能不是最方便使用的工具，特别是对于Web设计人员而言，这是可以理解的，因为Web设计人员可能更熟悉图形界面 。 但是，诸如Yeoman ， Bower和Google Web Starter Kit之类的工具 都是通过命令行运行的 。
如果您不喜欢键入命令，那么本文将以一些基本的命令行开始，以帮助您熟悉它们。
我们需要谈谈终端和命令提示符。 两者都是功能强大的应用程序，可让您访问所用操作系统的核心。 一旦对它进行更改， 更改将是不可逆的，因此对这两个应用程序进行的任何操作都应谨慎行事 （最好是如果您确切地了解自己要投入的工作）。
要知道的第二件事是，您将无法使用鼠标在终端或命令提示符内移动光标。 这意味着不使用光标搜索或突出显示文本 。 一切都在键盘上完成，因此键盘快捷键是您最好的新朋友 。
请注意，在Windows中可能找不到一些有用的命令行。 因此，对于Windows用户，我建议您使用Cygwin ， UnxUtils或Windows Services for UNIX 3.5版 ，它将一些UNIX实用程序带到Windows。 现在，是时候让您高兴地开始动手了。
通常，您将不得不浏览目录。 终端和命令提示符都使用同一cd命令将当前目录更改为命令内指定的目标。 假设您要转到名为foo的文件夹，请输入：
cd foo您可以在下面看到，当前目录显示在闪烁的光标之前。
您可以直接导航到foo的子目录，如下所示：
cd foo/sub-folder要返回上一个目录或在当前目录上一级，请键入：
cd ..您可能经常会遇到的另一个命令是mkdir 。 此命令使用指定的名称创建一个新目录。 例如，以下命令将创建一个名为foo的新目录。
mkdir foo我们也可以一次创建多个文件夹。 下面的示例将同时创建三个名为foo ， hello和world目录。
mkdir foo hello world使用touch命令创建一个空文件。 例如：
touch filename.html您可以指定更多文件名，如下所示，一次创建多个文件。
touch file.html style.css使用mv命令将特定文件移动到文件夹。 下面的示例将style.css移动到名为/ css的文件夹中。
mv style.css /css您也可以使用mv命令重命名文件和文件夹。 下面的示例将index.html 重命名为about.html 。
mv index.html about.html如果要复制文件或文件夹，请键入cp command或copy 。 下面是一个示例，其中我们复制index.html并将新文件命名为about.html 。
cp index.html about.html如果您在Windows上运行，请改用copy命令。
这是我个人经常使用的命令之一，即List Directory或称为ls 。 使用此命令，您可以列出目录的内容。
在ls命令之前指定文件夹名称将列出指定文件夹的内容，例如：
此外，您还可以检索列出的内容的详细信息，例如目录日期（创建），目录权限和目录所有者。 为此，请键入ls -l或简单地输入ll 。
但是， ls命令仅在UNIX shell中有效。 您可以在Ubuntu和OS X中运行ls命令，但不能在Windows中运行。 在Windows中，键入dir命令代替。
open命令将在默认应用程序中打开文件夹的文件。 下面的命令将在Finder中打开文件夹Desktop 。
open ~/Desktop以下命令将在TextEdit中打开一个.txt文件夹，这是OS X中用于编辑纯文本文件的默认应用程序。
open readme.txtWindows用户应使用edit 。 给定相同的示例，您可以运行：
edit readme.txtSymbolic Link或Symlink的工作方式类似于快捷方式文件夹，但是系统会将其视为实际文件夹 。 我个人最喜欢使用Symlink的方法是将文件夹从/ Dropbox同步到我的/ Sites文件夹，这是我放置所有Web开发文件的位置。
这是命令的指定方式：
ln -s /source /destination要创建从/ Dropbox到/ Sites文件夹的符号链接，请运行：
ln -s ~/Dropbox/project ~/Sites/projectWindows用户可以使用mklink /d命令。
您可能会发现需要使用新域名创建新的VirtualHost。 在这里，您将必须编辑记录域名和指向的IP地址的hosts文件。 编辑主机文件的最快方法是键入。
sudo nano /etc/hostsSublime Text附带了CLI subl ，使我们能够通过终端和命令提示符来操作Sublime Text。 例如，使用subl命令可以打开一个文件。 但是，在终端中键入subl时，该命令仍无法识别。
要添加Sublime Text CLI，请首先运行此命令。
ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/subl之后，您应该可以访问subl 。 例如，运行以下命令将打开文件style.css 。
subl style.css在命令中包含--add ，将在当前打开的Sublime Text窗口中打开文件或文件夹。
subl --add foo对于其他用途，您可以键入subl --help 。
掌握了包括这些基本命令的命令行后，您会发现使用命令行比使用GUI命令行更精简。 希望该列表可以帮助您入门。
这里有一些帖子，可让您通过命令行执行操作。
Blogger的基本Shell命令
我 nstalling WordPress的通过命令行
语法很棒的样式表：在Sass中使用Compass
如何使用Bower轻松安装，更新和删除Web库
翻译自: https://www.hongkiat.com/blog/web-designers-essential-command-lines/
