linux环境下做前端开发环境,在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 //安装成功

三、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

安装成功

四、验证一下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,我们启动了相应的端口,走完了整个流程。