web前端基本命令_每个Web设计人员都应掌握的基本和基本命令行

您可能在Web设计和开发教程中遇到过说明,该说明告诉您执行npm installgit clone等操作。这些是命令行界面(CLI)。 我们通常使用Terminal和Command Prompt中的特定命令来告诉计算机执行特定任务

终端和命令提示符可能不是最方便使用的工具,特别是对于Web设计人员而言,这是可以理解的,因为Web设计人员可能更熟悉图形界面 。 但是,诸如YeomanBowerGoogle Web Starter Kit之类的工具 都是通过命令行运行的

如果您不喜欢键入命令,那么本文将以一些基本的命令行开始,以帮助您熟悉它们。

但首先…

我们需要谈谈终端和命令提示符。 两者都是功能强大的应用程序,可让您访问所用操作系统的核心。 一旦对它进行更改, 更改将是不可逆的,因此对这两个应用程序进行的任何操作都应谨慎行事 (最好是如果您确切地了解自己要投入的工作)。

要知道的第二件事是,您将无法使用鼠标在终端或命令提示符内移动光标。 这意味着不使用光标搜索或突出显示文本 。 一切都在键盘上完成,因此键盘快捷键是您最好的新朋友

请注意,在Windows中可能找不到一些有用的命令行。 因此,对于Windows用户,我建议您使用CygwinUnxUtilsWindows Services for UNIX 3.5版 ,它将一些UNIX实用程序带到Windows。 现在,是时候让您高兴地开始动手了。

1.更改目录

通常,您将不得不浏览目录。 终端和命令提示符都使用同一cd命令将当前目录更改为命令内指定的目标。 假设您要转到名为foo的文件夹,请输入:

cd foo

您可以在下面看到,当前目录显示在闪烁的光标之前。

您可以直接导航到foo的子目录,如下所示:

cd foo/sub-folder

要返回上一个目录或在当前目录上一级,请键入:

cd ..

2.创建一个新文件夹

您可能经常会遇到的另一个命令是mkdir 。 此命令使用指定的名称创建一个新目录。 例如,以下命令将创建一个名为foo的新目录。

mkdir foo

我们也可以一次创建多个文件夹。 下面的示例将同时创建三个名为foohelloworld目录。

mkdir foo hello world

3.创建新文件

使用touch命令创建一个空文件。 例如:

touch filename.html

您可以指定更多文件名,如下所示,一次创建多个文件。

touch file.html style.css

4.移动文件

使用mv命令将特定文件移动到文件夹。 下面的示例将style.css移动到名为/ css的文件夹中。

mv style.css /css

您也可以使用mv命令重命名文件和文件夹。 下面的示例将index.html 重命名about.html

mv index.html about.html

5.复制文件

如果要复制文件或文件夹,请键入cp command或copy 。 下面是一个示例,其中我们复制index.html并将新文件命名为about.html

cp index.html about.html

如果您在Windows上运行,请改用copy命令。

6.列出目录内容

这是我个人经常使用的命令之一,即List Directory或称为ls 。 使用此命令,您可以列出目录的内容。

ls命令之前指定文件夹名称将列出指定文件夹的内容,例如:

此外,您还可以检索列出的内容的详细信息,例如目录日期(创建),目录权限和目录所有者。 为此,请键入ls -l或简单地输入ll

但是, ls命令仅在UNIX shell中有效。 您可以在Ubuntu和OS X中运行ls命令,但不能在Windows中运行。 在Windows中,键入dir命令代替。

7.打开文件

open命令将在默认应用程序中打开文件夹的文件。 下面的命令将在Finder中打开文件夹Desktop

open ~/Desktop

以下命令将在TextEdit中打开一个.txt文件夹,这是OS X中用于编辑纯文本文件的默认应用程序。

open readme.txt

Windows用户应使用edit 。 给定相同的示例,您可以运行:

edit readme.txt

8.创建符号链接

Symbolic Link或Symlink的工作方式类似于快捷方式文件夹,但是系统会将其视为实际文件夹 。 我个人最喜欢使用Symlink的方法是将文件夹从/ Dropbox同步到我的/ Sites文件夹,这是我放置所有Web开发文件的位置。

这是命令的指定方式:

ln -s /source /destination

要创建从/ Dropbox/ Sites文件夹的符号链接,请运行:

ln -s ~/Dropbox/project ~/Sites/project

Windows用户可以使用mklink /d命令。

9.使用Nano编辑器

您可能会发现需要使用新域名创建新的VirtualHost。 在这里,您将必须编辑记录域名和指向的IP地址的hosts文件。 编辑主机文件的最快方法是键入。

sudo nano /etc/hosts

10. Sublime Text CLI

Sublime 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命令行更精简。 希望该列表可以帮助您入门。

更多:使用命令行

这里有一些帖子,可让您通过命令行执行操作。


翻译自: https://www.hongkiat.com/blog/web-designers-essential-command-lines/

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值