1. 程式人生 > >配置bash on windows前端開發環境

配置bash on windows前端開發環境

自從前端用npm包成為剛需開始,大家都漸漸拋棄微軟投入蘋果的懷抱(不要問我為什麼沒提ubuntu,曾經3個月內從14到16因為莫名的崩潰問題重灌環境3次,累覺不愛��)。

微軟終於意識到自己的cmd多雞肋,向ubuntu敞開了懷抱。也就是所謂的bash on windows,貌似只在win 10開始有此支援。即我們可以在不需要安裝虛擬機器的情況下,安裝一個ubuntu命令列作為一個windows的程式來使用。

然而經我試驗一切並沒有那麼順利。最後終於摸清楚了一個比較簡單幹淨的安裝套路在此分享。

作為web前端開發使用,環境要求非常簡單:

  • windows 10 做瀏覽器上的UI除錯及寫程式碼
  • bash作為命令列執行各種git/node (v6 ~ 8)/shell命令
    包括用node執行一個localhost伺服器

是的你沒有看錯,這個bash是個獨立的ubuntu系統,但跟windows幾乎是無縫對接。是不是很酷炫!?

為了達到這個目的,首先,請升級windows 10。並且確保已安裝Fall Creators Update。目前穩定版本是不包含這個更新包的,不確定的話可以通過 開始鍵 > 設定 > 系統 > 關於 來檢視系統的版本號,已安裝此更新的版本號為1709。

在此強調安裝此更新是因為目前win 10穩定版本所攜帶bash對應的是ubuntu v14,試用發現node在v14上使用有bug。自己寫node指令碼的話可以通過增加幾行程式碼繞過這個bug,但我們用別人的包就很難繞過去了。

萬幸在Fall Creators Update中,ubuntu版本升級到了v16,並且在v16中上述bug已經被修復。經試用可以正常使用yarn/webpack等等。

第二步,開啟cmd / powershell,執行以下命令:

lxrun /uninstall /full

先確保已解除安裝乾淨已安裝的bash。中間會提示回覆“y”才能繼續。

解除安裝已安裝bash

然後再安裝

lxrun /install

安裝bash

同樣,中間會提示回覆“y”才能繼續。安裝完成後需要設定一個使用者名稱和密碼。

完成後,會在開始選單中多出一個“Ubuntu Bash”之類的app條目,點開可能會閃退,坑爹。正確的開啟方式是在cmd視窗中直接打bash來進入(這步可以通過寫一個bat檔案跳過)。

在bash中,可以通過lsb_release -a來檢視當前ubuntu版本號。如下:

檢視ubuntu版本號

然後就正常照ubuntu配置方式裝起來啦!

$ sudo apt-get update
$ sudo apt-get install git
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.6/install.sh | bash
$ nvm install 8
$ npm install -g yarn
$ cd /mnt/d/Project
$ yarn install
$ npm start

嗯,大概就是醬。

另外值得一提的是,windows上的所有碟符都會被掛載在 /mnt/ 目錄下,作為一個虛擬的子目錄可以在bash中被訪問。

呼~我家遊戲機總算可以用來修bug了。