随着开发的深入,前端开发已经不局限于简单的本地开发坏境的搭建与调试。运维方面,目前的服务器使用的基本上都是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,我们启动了相应的端口,走完了整个流程。

在docker的Linux容器搭建前端开发环境相关推荐

  1. mysql环境搭载后老出错_使用Docker在window10下搭建SWOFT开发环境,mysql连接错误

    使用Docker在window10下搭建SWOFT开发环境,mysql连接错误 { "code": 0, "error": "(Swoft\\Db\\ ...

  2. linux中搭建java开发环境

    今天试着在Linux下面搭建java开发环境,现总结一下具体步骤. 1.JDK的安装 执行下面命令安装JDK(首先创建/opt/java目录) tar -xvf jdk-7u9-linux-i586. ...

  3. mapbox-gl开发教程(一):搭建前端开发环境

    –mapbox-gl是一个开源.基于webgl技术的前端地图类库– 开发教程篇一:搭建前端开发环境 1.mapbox官网注册一个账号,生成一个开发token,在mapbox-gl2.0以前,使用自搭建 ...

  4. Linux 下搭建 Scala 开发环境

    在实际开发中,我们的项目是部署到 linux,因此,我们需要在 Linux 下搭建 scala 的环境. 具体的步骤如下: 下载对应的 scala 的安装软件.scala-2.11.8.tgz 通过远 ...

  5. 怎么查看linux是不是as7u4,Linux下搭建Android开发环境

    为什么要在Linux搭建开发环境呢?从直观来说,Android虚拟机在Linux下运行速度更快,而且性能更稳定. 我使用的Linux环境是ubuntu-10.10-desktop-i386.安装前所需 ...

  6. Linux下搭建ESP-IDF 开发环境教程,适合ESP32/S2/C3/S3系列模组二次开发

    1 Ubuntu安装 在Linux下编译速度比Windows快很多,一般推荐优先使用Linux开发.Ubuntu是非常常见的Linux操作系统. 网上已经有非常多的Ubuntu安装教程,这里推荐一篇, ...

  7. Linux下搭建go开发环境

    配置go编译器 下载go 从go官方网站下载最新的安装包 以go1.18.1.linux-amd64.tar.gz为例,放在用户的home目录. 解压 使用命令 tar -xzvf go1.18.1. ...

  8. linux下搭建golang开发环境

    golang语言生态学习 第二天:linux环境下golang开发环境搭建 文章目录 golang语言生态学习 前言 一.golang源码包下载 二.安装golang源码包 1.解压源码包到根目录 2 ...

  9. Linux 下搭建 php 开发环境完整教程

      在开始进入正题前,先普及一点基础知识.在 Linux 环境下,我们通过命令行安装软件的时候,可能会出现错误.当错误出现的时候,我们怎么撤销之前的步骤,重新安装软件呢?解决方案如下 (1) 已经执行 ...

最新文章

  1. ping通网关不能上网_手机、电脑为什么连不上网(断网)?
  2. 经典卷积网络进阶--ResNet详解
  3. Android - Animation(二)
  4. Linux下数据库(sqlite3)学习笔记
  5. hdu 1892【二维树状数组】
  6. LeetCode 2139. 得到目标值的最少行动次数(贪心)
  7. DBMS连接不上 —— 在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。
  8. android connect 闪退,Connect闪退
  9. 深度学习难?学完它,拿高薪绝对不是问题
  10. (Quicker动作)MathType公式快速标红
  11. Java漫漫求学之路 SSM《金商家医院管理系统》项目研发文献
  12. xss绕过字符过滤_xss绕过过滤之方法
  13. linux安装nginx1.21.1全教程(含安装包)
  14. 微信小程序播放背景音乐
  15. Python3 shutil(高级文件操作 模块)
  16. AOP中的切点、切面、通知等
  17. 基于偏置比例导引的任意指定攻击角度控制导引律(matlab源代码+原理)
  18. 手机我的世界java怎么装模组_我的世界如何下模组
  19. 程序功能:创建打印机类Printer,定义抽象方法Print()。 创建针式打印机类DotMatrixtPrinter和墨式打印机InkpetPrinter两个子类,修改测试类,实现该打印机打印。
  20. 2022跨年演讲分享

热门文章

  1. 一篇文章告诉你如何成为数据科学家
  2. #翻译NO.3# --- Spring Integration Framework
  3. 吊打Magic Leap,微软HoloLens 2不只为炫技
  4. go标准库的学习-sync互斥
  5. 办公电脑安装虚拟机基本就绪
  6. shell变量,环境变量配置文件,管道符
  7. C#快速生成数据数组
  8. js不停地触发按钮的事件
  9. ubuntu 安装nginx,php,mysql。常见错误解决
  10. [译]Mimic, 轻量级Web Service测试桩