在docker的Linux容器搭建前端開發環境

隨著開發的深入，前端開發已經不侷限於簡單的本地開發壞境的搭建與除錯。運維方面，目前的伺服器使用的基本上都是linux系統，了解下linux系統原理與一些常用的配置和指令，對我們的開發和部署以及排除線上bug都有不小的幫助。本文的目的就是通過安裝前端開發的環境來熟悉linux的一些指令和環境。

說搞就搞，話說啟動之前得有個docker的環境吧，docker環境搭建請移步docker官網

開始配置：

一、安裝linux容器並啟動

在這我選擇centos 相對來說比較穩定 , 也是很多企業的首選。

使用centos 映象生成乙個容器:

$ docker run -d centos $ docker ps -a //檢視建立結果 container id image command created status ports names

69f6c3754fd3 centos "/bin/bash" 21 seconds ago exited (0) 19 seconds ago zen_swirles

得到預想的效果，接著開啟容器並連線

$ docker start 69f6c3754fd3 //注意這是centos 在我機器上的container id，讀者要記得替換

$ docker attach 69f6c3754fd3

游標的位置變成：

[root@69f6c3754fd3 /]#

我們順利進入到容器裡，這就是乙個mini 的linux系統了。

二、git環境搭建

$ yum install git //安裝git

檢測一下是否安裝成功

[root@69f6c3754fd3 /]# git --version
git version 1.8.3.1 //安裝成功

[root@69f6c3754fd3 /]# wget -c

[root@69f6c3754fd3 /]# tar -xvf node-v8.11.4-linux-x64.tar.xz

更改檔名為node-v8.11.4：

[root@69f6c3754fd3 /]# mv node-v8.11.4-linux-x64 node-v8.11.4

把檔案移動到usr 下的src 資料夾內：

[root@69f6c3754fd3 /]# mv node-v8.11.4 /usr/local/src

[root@69f6c3754fd3 /]# ln -s /usr/local/src/node-v8.11.4/bin/node /usr/local/bin/node

[root@69f6c3754fd3 /]# ln -s /usr/local/src/node-v8.11.4/bin/npm /usr/local/bin/npm

在任意乙個目錄下執行：

[root@69f6c3754fd3 /]# node -v
v8.11.4 
[root@69f6c3754fd3 /]# npm -v 
5.6.0

安裝成功

四、驗證一下git和node是否能正常執行

首先，咱從github clone 乙個倉庫：

定位到home資料夾(一般個人檔案放在home 資料夾下)

[root@69f6c3754fd3 /]# cd home //定位到home資料夾

[root@69f6c3754fd3 home]# git clone //clone 乙個express-demo 倉庫（為了驗證後面node,當然clone其他的倉庫也是沒有多大問題的啦）

定位到express-demo 安裝依賴例子：

[root@69f6c3754fd3 home]# cd express-demo //定位到express-demo
[root@69f6c3754fd3 express-demo]# npm install //安裝依賴

安裝成功之後我們可以執行其中乙個demo 啟動express 驗證一下：

[root@69f6c3754fd3 home]# cd lesson-01 //定位到lesson-01

perfect,我們啟動了相應的埠,走完了整個流程。