美文网首页
前端常用命令行

前端常用命令行

作者: BetterChen | 来源:发表于2018-09-25 15:48 被阅读0次
    一、使用Powershell

    基于WindowsMac系统命令行的使用差异,可统一使用Powershellwin10系统自带Powershell,其它系统也可安装。

    二、打开命令窗口

    ①默认方式打开:打开"运行"对话框(Win+R),输入cmd,打开系统默认控制台命令窗口,或者输入Powershell打开Powershell窗口。

    ②在目标位置打开:在需要打开的文件夹空白处按住Shift,然后右键弹出快捷菜单,可以看到“在此处打开命令行窗口”或者是“在此处打开Powershell窗口”。

    三、进入目标文件夹

    ①更改盘符:默认打开Powershell时会在C盘默认位置,要改变盘符,可使用cd命令,即change directory,如进入E盘,使用cd E:cd e:,不计大小写,中间空格隔开。

    ②更改文件夹:cd后跟上要进入的文件夹路径,如cd notes/markdown,会进入到当前位置下的notes文件夹下的markdown文件夹;返回上级目录可使用cd ..,即返回到notes文件夹下。

    ③也可在打开Powershell窗口后直接把目标文件夹拖入窗口中,这样可直接进入目标文件夹,这个效果和在目标位置打开Powershell窗口一致。

    四、创建&删除

    ①创建文件夹:mkdir,即make directory,例如使用mkdir learn,可在当前位置创建一个名为learn的文件夹。

    ②删除文件夹:rmdir,即remove directory,例如可使用rmdir learn把刚才创建的learn文件夹删除。

    ③创建文件:ni,即new item,例如使用ni command.md,可在当前位置创建一个名为commandmarkdown文件。

    ④删除文件:rm,即remove,例如可使用rm command.md可把刚才创建的command.md文件删除。

    五、一些常用技巧

    ①上下方向键可查看使用过的命令,可直接回车使用该命令。

    tab键可自动补齐路径、文件夹或文件名称。

    pwd命令(print working directory)可打印当前所在工作目录。

    ls命令(list)可列出当前路径下的内容。

    cls命令(clear screen)可对命令窗口进行清屏。

    六、关于项目工程化

    关于项目工程化的命令行,用得最多的肯定就是npm了,国内可是使用淘宝镜像cnpm,配置方法可去这里查看。

    1.npm init可生成package.json文件,用于管理依赖配置。
    2.cnpm install 依赖包名可安装对应的依赖,可根据是在开发环境(开发时)还是生产环境(上线后)来加上--save-dev--save

    ①例如安装sass模块:该依赖只需要在开发环境中使用,使用cnpm install sass --save-dev,该配置会在package.json文件的devDependencies节点写入依赖。

    ②反之如vuex模块在生产环境中也是需要的,所以使用cnpm install vuex --save,该配置会在package.json文件的dependencies节点写入依赖。

    ③还有需要全局安装的如:webpack的安装,cnpm install webpack -g,需要加上-g尾缀,因为它相当于是给你装上了一个全局的命令。

    在实际开发中我们可采用简写方式:install可简写为i--save-dev可简写为-S--save可简写为-D

    最后

    当然了,上述命令行也只是冰山一角,但实际开发中常用的也就那些,希望能给您带来些许帮助,如有不对或遗漏的地方,还望不吝赐教。

    掘金
    博客园

    相关文章

      网友评论

          本文标题:前端常用命令行

          本文链接:https://www.haomeiwen.com/subject/dhjloftx.html