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

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

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

開始配置：
1、安裝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系統了。

2、Git環境搭建

$ yum install git //安裝Git

檢測一下是否安裝成功

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

3、node 環境搭建
首先是下載node.js 安裝包：

[root@69f6c3754fd3 /]# wget -c https://nodejs.org/dist/v8.11.4/node-v8.11.4-linux-x64.tar.xz

下載完以後 根目錄會多一個文件node-v8.11.4-linux-x64.tar.xz
解壓：

[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

經過建立軟連接的方法，使得在任意目錄下均可以直接使用node和npm命令：:

[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

安裝成功

4、驗證一下Git和node是否能正常運行
首先，咱從github clone 一個倉庫：
定位到home文件夾(通常我的文件放在home 文件夾下)

[root@69f6c3754fd3 /]# cd home //定位到home文件夾
[root@69f6c3754fd3 home]# git clone https://github.com/subfuzion/express-demo.git //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
[rootUser@69f6c3754fd3 lesson-01]$ node app.js
server app running at localhost:3000

perfect,咱們啓動了相應的端口,走完了整個流程。