前端常用命令行

一、使用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.cnblogs.com/BetterMan-/p/9699325.html

你可能感兴趣的:(前端常用命令行)