前端常用命令行


一、使用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

最后

當然了,上述命令行也只是冰山一角,但實際開發中常用的也就那些,希望能給您帶來些許幫助,如有不對或遺漏的地方,還望不吝賜教。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM