快捷導(dǎo)航

node使用Git Bash作為命令行終端示例

更新時(shí)間：2023年08月14日 11:39:13 作者：文藺

這篇文章主要為大家介紹了node使用Git Bash作為命令行終端示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

命令行也有苦惱

不知身為前端er的你是不是還在使用 Windows 開(kāi)發(fā)？反正我是。使用 Git？使用 npm scripts？好吧，命令行是少不了的吧？想必很多同學(xué)和我一樣，使用 Git Bash 作為命令行終端吧。

可是每次都要敲，累不累？想想一次簡(jiǎn)單的 Git 提交需要幾個(gè)步驟？

$ git add -A
$ git commit -m 'commit'
$ git push

圖簡(jiǎn)便的你可能會(huì)在 package.json 中這樣配置：

{
    // ...
    "scripts": {
       // ...
       "push": "git add -A && git commit -m 'commit' && git push"
    }
}
// ...

然后再敲 npm run push。啊啊心好累。

用過(guò) browser-sync cli 嗎？反正為了圖簡(jiǎn)便，我是經(jīng)常用的。敲過(guò)最變態(tài)的是下面這一行：

browser-sync start --server --files "dist/*" --index "dist/index.html" --open "external" --reload-debounce --no-notify

.bat/.sh 的故事

敲過(guò)一次之后，發(fā)誓再也不這么玩了。索性在桌面保存了一個(gè) bs.bat 文件，把上面的內(nèi)容放進(jìn)去。每次都從桌面 copy 到工作目錄中去，雙擊完事。

后來(lái)玩 github 稍微勤了一些，commit、pull 的時(shí)候，命令行敲起來(lái)固然爽得不行，可是累啊。在上一家公司做 react-native 應(yīng)用的時(shí)候，對(duì) react-native run start cd android && ./gradlew assembleRelease 也是深惡痛絕。最后無(wú)不以 bat、sh文件收尾。

nshm 的由來(lái)

前些時(shí)間接觸到一個(gè)管理 npm registry 的 package，叫 nrm，用起來(lái)真是爽。nrm use taobao nrm add xx url簡(jiǎn)單就能解決問(wèn)題。這讓我萌生一個(gè)想法：能不能不要每次都從桌面 copy 那些簡(jiǎn)單的腳本啊，來(lái)個(gè)簡(jiǎn)單的命令行自己把文件寫目錄不就 OK 了嗎？

醞釀了一段時(shí)間。遲遲不肯動(dòng)手。今天中午下樓抽煙，靈機(jī)一動(dòng)，思路來(lái)了，花了半下午時(shí)間，邊寫邊重構(gòu)，最終做出來(lái)一個(gè)略嫌簡(jiǎn)陋但還能湊合用的工具，名之曰 “nshm”，取 “Node.js .sh scripts Manager” 的縮寫。

使用起來(lái)很簡(jiǎn)單，看文檔就行。

安裝

$ npm install nshm -g
$ nshm <command> [args...]

添加一條自定義命令

$ nshm add <command_name> -[t|f] [text|path]
# add file content
$ nshm add commit --file ./my-commit.sh
# or
$ nshm add commit -f ./my-commit.sh
# add text content
$ nshm add pull --text "git pull"
# or
$ nshm add pull -t "git pull"

多個(gè)命令合并成一條命令

$ nshm co <command_name> [command|text] [command|text] [command|text] [...]
$ nshm co git commit pull "git status"

刪除緩存的命令

$ nshm rm <command_name> <command_name> <...> 
$ nshm rm commit pull git

清除所有緩存的命令

$ nshm clean

列出現(xiàn)有的命令

# view all names
$ nshm ls
# view all details
$ nshm ls -a

Example 01

$ nshm add add -t "git add -A"
$ nshm add commit -t "git commit -m 'push'"
$ nshm add pull -t "git push"
$ nshm co git add commit pull
# init my directory
# then we'll get `add.sh` `commit.sh` `pull.sh`
$ nshm git

Example 02

# browserSync cli 
# here we use `${}` as placeholders
# for necessary params
$ nshm add bs -t "browser-sync start --server --files \"${files}\" --index \"${index}\" --open \"external\" --reload-debounce --no-notify"
# now we get the `bs.sh` file under our working directory
$ nshm bs --file '**' --index 'index.html'