在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,我们启动了相应的端口,走完了整个流程。

    原文作者:lambertLin
    原文地址: https://segmentfault.com/a/1190000016364279
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞