1、使用Powershellvue
基於Windows
和Mac
系統命令行的使用差別,可統一使用Powershell
,win10
系統自帶Powershell
,其它系統也可安裝。webpack
2、打開命令窗口web
①默認方式打開:打開"運行"對話框(Win+R)
,輸入cmd
,打開系統默認控制檯命令窗口,或者輸入Powershell
打開Powershell
窗口。vuex
②在目標位置打開:在須要打開的文件夾空白處按住Shift
,而後右鍵彈出快捷菜單,能夠看到「在此處打開命令行窗口」或者是「在此處打開Powershell窗口」。shell
3、進入目標文件夾npm
①更改盤符:默認打開Powershell
時會在C盤默認位置,要改變盤符,可以使用cd命令,即change directory
,如進入E盤,使用cd E:
或cd e:
,不計大小寫,中間空格隔開。json
②更改文件夾:cd後跟上要進入的文件夾路徑,如cd notes/markdown
,會進入到當前位置下的notes
文件夾下的markdown
文件夾;返回上級目錄可以使用cd ..
,即返回到notes
文件夾下。sass
③也可在打開Powershell
窗口後直接把目標文件夾拖入窗口中,這樣可直接進入目標文件夾,這個效果和在目標位置打開Powershell
窗口一致。markdown
4、建立&刪除命令行
①建立文件夾:mkdir
,即make directory
,例如使用mkdir learn
,可在當前位置建立一個名爲learn
的文件夾。
②刪除文件夾:rmdir
,即remove directory
,例如可以使用rmdir learn
把剛纔建立的learn
文件夾刪除。
③建立文件:ni
,即new item
,例如使用ni command.md
,可在當前位置建立一個名爲command
的markdown
文件。
④刪除文件:rm
,即remove
,例如可以使用rm command.md
可把剛纔建立的command.md
文件刪除。
5、一些經常使用技巧
①上下方向鍵可查看使用過的命令,可直接回車使用該命令。
②tab
鍵可自動補齊路徑、文件夾或文件名稱。
③pwd
命令(print working directory)
可打印當前所在工做目錄。
④ls
命令(list)
可列出當前路徑下的內容。
⑤cls
命令(clear screen)
可對命令窗口進行清屏。
6、關於項目工程化
關於項目工程化的命令行,用得最多的確定就是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
。
最後
固然了,上述命令行也只是冰山一角,但實際開發中經常使用的也就那些,但願能給您帶來些許幫助,若有不對或遺漏的地方,還望不吝賜教。