准备Ubuntu(或其他发行版)进行Web开发

除了关于GNU / Linux使用起来很复杂的神话,信念或观点之外,我认为对于那些对开发人员特别是对开发人员来说,它是一个很好的操作系统。 网站开发人员.

我有机会与许多喜欢的人交谈 OS X Ëincluso Windows 正如他们所说,开发是因为它的易用性和工具,尽管这是每个人的非常个人的看法,但我相信任何GNU / Linux发行版或至少最受欢迎的发行版都提供了安装和安装所需的一切。工作。

最受欢迎的发行版在其存储库中为Web开发人员提供了所有必需的软件包。

现在,在开发问题上,存在一个难题,就是更新的发行版,例如 Antergos 或保持稳定和最新的平衡 Ubuntu?

我举了一个非常简单的例子 Ubuntu的信任 最新版本 Netbeans的 是7.0.1,在 ArchLinux的 版本8.0.2可用。 同样的事情发生 的NodeJS 以及我们下面将看到的其他被广泛使用的软件包 前端.

无论如何,每个人的决定都是根据要执行的工作来选择自己喜欢的分布。 对于本文,我们将从Ubuntu安装开始,由于它是针对新用户的,所以我们将逐步显示该过程。

安装Ubuntu 14.04

我们要做的第一件事是从其官方网站下载Ubuntu安装映像。 下面的链接将允许您选择下载32位还是64位iso。

下载Ubuntu

下载后,我们必须使用下载的iso“刻录” DVD或准备闪存以从中启动和安装。 在Windows中,我们可以按照以下步骤进行操作 本指南 在Mac上 这个。 完成此操作后,我们将重新启动PC并从内存或DVD开始。

Ubuntu 14.04安装步骤

如果不确定如何安装Ubuntu而不丢失数据,则可以使用VirtualBox中的虚拟机进行安装,也可以将所有数据备份到安全的地方(如果可能)到外部磁盘。

第一件事是选择我们用来安装Ubuntu的语言:

Ubuntu开发人员

稍后,我们将了解安装是否具有所有必要要求:

Ubuntu_Development2

稍后,我们将对硬盘进行分区。 如果您对此没有经验,则最好在备份数据后将所有内容保留为默认值。

Ubuntu_Development3

我们选择时区:

Ubuntu_Development4

我们选择键盘的语言:

Ubuntu_Development5

我们定义用户名,计算机名称和密码:

Ubuntu_Development6

我们等待它完成:

Ubuntu_Development7

安装程序完成后,我们将重新启动计算机并进入会话。 我们可以运行更新管理器或打开终端并放置:

$ sudo apt update && sudo apt upgrade

如果没有要更新的内容,我们可以开始。

准备测试工作区

因此,作为开发人员,我们只想专注于我们知道该怎么做: 发展。 我们对了解如何配置Web服务器或数据库的工作方式不感兴趣,我们只希望有一些行之有效的方法,并且易于实现以开始编写代码。

如果我们只需要用HTML,CSS,JS编写代码,那么一切都会更简单,但是有时我们必须为PHP,Ruby,DJango等代码提供测试服务器。因此,最好 设置我们自己的Web服务器。 幸运的是,我们以两种不同的方式拥有此功能:

  1. 使用安装程序 XAMPP 是什么为我们 阿帕奇.
  2. 运用 LAMP 比特纳米.

安装Bitnami

通过Bitnami安装LAMP 我们已经看到了 在上一篇文章中,因此没有必要在本文中解决。 一旦安装了Bitnami,我们就可以通过网络浏览器管理测试服务器。

Bitnami

有关Bitnami工作原理的所有必要文档,请访问: 他的维基.

XAMPP安装

XAMPP安装程序也来自Bitnami,但是安装过程略有不同,因此我们将逐步进行安装。 当然,第一件事是根据处理器的体系结构下载我们感兴趣的文件:

XAMPP 32位
XAMPP 64位

下载后,我们打开终端并访问文件所在的文件夹,我们将向其授予执行权限。 对于64位文件,它将是:

$ sudo chmod a+x xampp-linux-x64-5.5.19-0-installer.run

现在在同一终端中执行它:

$ sudo ./xampp-linux-x64-5.5.19-0-installer.run

然后,我们按照以下步骤操作。

建议接受默认情况下的所有内容,为此,我们只需要给 输入

XAMPP

在上一个图像中,它询问我们是否要为开发人员安装文件,在下一个图像中,询问我们是否同意选择的内容。

xampp1

现在,它询问我们要安装的路径(默认情况下,该路径在/ opt / lampp中),尽管我们可以更改它,但我建议保持原样。

xampp2

在开始安装之前,需要进行另一步验证

xampp3

安装XAMPP

xampp5

安装完成。

xampp6

现在,要启动XAMPP,我们只需执行以下命令:

$ sudo / opt / lampp / lampp start启动Linux 5.5.19-0的XAMPP ... XAMPP:启动Apache ...好的。 XAMPP:启动MySQL ...好的。 XAMPP:启动ProFTPD ...确定。

这样,我们已经在运行Apache + MySQL + PHP + Perl服务器。 如果您有任何问题,建议您访问 常见问题.

使用XAMPP的自定义DNS和虚拟主机

假设我们的测试服务器上托管了多个站点,我们可以将每个站点设置为在文件中本地查看 / etc / hosts文件。 让我们举个例子,假设我们有这个网站 dev.tests.com,我们要做的就是打开文件 / etc / hosts文件 使用我们最喜欢的文本编辑器(并以root身份),并通过以下方式添加它:

$ sudo vim /etc/hosts

然后添加以下行:

127.0.0.1   dev.prueba.com

但这当然是不够的,因为我们必须告诉Apache,当有人向 dev.test.com 对于127.0.0.1,您必须返回我们的测试站点。

我们编辑文件 /opt/lampp/etc/httpd.conf

$ sudo vim /opt/lampp/etc/httpd.conf

并取消注释(删除英镑符号)的行,该行显示:

# Include etc/extra/httpd-vhosts.conf

我们这样保留它:

Include etc/extra/httpd-vhosts.conf

现在我们转到文件 /opt/lampp/etc/extra/httpd-vhosts.conf 应该有这样的东西:

#仅使用基于名称的虚拟主机,因此服务器无需担心IP地址。 以下指令中的星号表示。 ##请参阅以下文档: #了解更多详细信息,然后再尝试设置虚拟主机。 ##您可以使用命令行选项'-S'来验证您的虚拟主机#配置。 ##VirtualHost示例:#几乎所有Apache指令都可以进入VirtualHost容器。 #第一个VirtualHost部分用于所有与任何块中的ServerName或ServerAlias不匹配的请求。 # ServerAdmin webmaster@dummy-host.example.com DocumentRoot“ /opt/lampp/docs/dummy-host.example.com” ServerName dummy-host.example.com ServerAlias www.dummy-host.example.com ErrorLog“日志/ dummy -host.example.com-error_log“ CustomLog”日志/ dummy-host.example.com-access_log“常见ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot“ /opt/lampp/docs/dummy-host80.example.com” ServerName dummy-host80.example.com ErrorLog“ logs / dummy-host2.example.com-error_log” CustomLog常见的“日志/ dummy-host2.example.com-access_log”

我们对其进行修改,并保留这种方式:

#仅使用基于名称的虚拟主机,因此服务器无需担心IP地址。 以下指令中的星号表示。 ##请参阅以下文档: #了解更多详细信息,然后再尝试设置虚拟主机。 ##您可以使用命令行选项'-S'来验证您的虚拟主机#配置。 ##VirtualHost示例:#几乎所有Apache指令都可以进入VirtualHost容器。 #第一个VirtualHost部分用于所有与任何块中的ServerName或ServerAlias不匹配的请求。 # DocumentRoot“ / home /路径/文件夹/项目/” ServerName my_blog.dev 要求所有授予

显然,替换时必须指定项目文件夹的路径 “ / Home /路径/文件夹/项目/”.

手动灯泡安装

现在,尽管看起来可能不像,但我认为以以前的方式进行安装比直接从我们的存储库安装软件包更加麻烦。 要在我们的PC上具有相同的堆栈,我们只需要打开一个终端并放:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

仅使用这3个软件包,将安装必要的依赖项以开始开发时以最低的要求开始工作。

使用LAMP的自定义DNS和虚拟主机

在DNS(域名服务器)方面,我们保持相同,即,在文件中添加测试站点的名称。 / etc / hosts文件。 现在,对于Apache,VHost(虚拟主机)的路径不同。

通常要做的是将我们放入文件中 /opt/lampp/etc/extra/httpd-vhosts.conf 在路线上 /etc/apache2/sites-available/vhostname.conf,然后在文件夹中对该文件进行符号链接 / etc / apache2 /启用了站点/ 但是我们不会复杂化。 我们将直接将文件放入 / etc / apache2 /启用了站点/ 具有以下配置:

$ sudo vim /etc/apache2/sites-enabled/dev.pruebe.com.conf DocumentRoot“ / home /路径/文件夹/项目/” ServerName my_blog.dev 要求所有授予

我认为有必要澄清一下,当我们手动安装时,网站文件夹的默认路径是 / var / www / http /.

NodeJS和Ruby安装

如果我们使用 的NodeJS o 红宝石 (而不是PHP和Perl),我们可以通过在控制台中运行来手动安装软件包:

$ sudo apt install nodejs ruby

并且,如果他们需要更多软件包,则只​​需通过运行软件包管理器或在控制台中进行搜索即可:

$ sudo apt search paquete a buscar

在此部分之前,我们已经为沙盒准备好了服务器端部分,现在让我们看一下可以使用的一些应用程序。

Web开发工具

在存储库中,我们有一些应用程序使我们可以轻松地处理HTML,CSS,JS等。 其中有:

  • Geany
  • gedit中
  • 凯特

存在 (我认为)最全面的工作 前端,但我建议您安装可为我们提供更多功能的第三方应用程序。 我们有例如 括号, 崇高文本 o 科莫多编辑。 除了Komodo-Edit,仅需解压缩并运行.sh文件,所有这些应用程序都具有自己的Ubuntu安装软件包。

(…进行中…)


32条评论,留下您的评论

发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。

  1.   猎人

    有人从这个版本的ubuntu中看到山羊图像中的幽灵蝙蝠吗?

    1.    拉夫

      哈哈哈,是真的..只看着橙色的胡须和枪口的the

    2.    伊万·巴拉

      现在您提到它了……这就是“ Pareidolia”。

      关于在编程时选择哪个发行版非常复杂。 “以前”是为几个浏览器和voila开发的,因为开发速度要慢得多。 如今,有无数浏览器和平台可用于开发WEB应用程序,将其称为ASP.Net,PHP,JAVA等。 在这里,应用程序的横向性要强得多,我的意思是,不仅可以从典型的台式机或便携式计算机上访问它们,而且还可以通过平板电脑,移动设备等来完成它们(并且需要相同的功能)。

      我认为,今天有必要保持领先地位,首先要维护应用程序的稳定性和安全性,从这个意义上说,我很偏执,例如,从即使不是听起来很不合逻辑,我还是希望我的其他设备可以多次进入我家的安全。

      另一个。 坦白说:众所周知,大多数程序员(至少是我认识的程序员),无论是Web,JAVA,BB.DD等,至少80%的人使用Unix平台进行编程。 如果人们没有开放平台上提供的所有工具,那么他们在前进时会非常复杂。 另外,我可以肯定地说,几乎整个WEB平台或BB.DD。 它安装在Unix服务器上,因此其他部分以相同方式工作是否合乎逻辑?

      感谢您的分享和问候。

    3.    蝙蝠侠

      闭嘴...我是蝙蝠侠!

    4.    涅森夫

      在我看来像猫头鹰

      1.    拉夫

        是的..在这里,我们再看一遍也是一样

  2.   雨果桑托斯

    我是一个主要使用PHP的网络开发人员,正如帖子中所述,我已经使用Debian作为我的工作环境已有好几年了,使用哪种发行版的决定取决于每个人,并且在Linux开发领域是否提供了很大的支持。使生活更轻松的工具数量。

    就像评论一样,我在许多地方看到一些开发人员在Linux上安装了XAMPP,LAMP和/或类似的东西,因为我们记得apache是​​Linux的本机,所以没有必要这样做,例如,我只安装apache2和php5在典型的Debian上(aptitude install apache2 php5)和voila,除了将我的项目放在/ var / www中,我不再需要做任何其他事情

    1.    拉夫

      没错,虽然我在文章中提到了两种方法,但我尝试“轻松”进行操作时会发生什么情况?

    2.    Tecno-Integra自动化

      问候。 对我来说,安装apache2和php5似乎很好,但是我觉得您需要放置mysql以及如何配置phpmyadmin? 谢谢。

  3.   马科斯礼服

    坦白地说,尽管Dreamweaver在所有这些程序上都付出了很大的努力,但这实在令人遗憾,但是在Linux中,我们没有这个Adobe程序的功能。

    1.    埃利奥时间3000

      是的(有一部分),它叫做Brackets,它也考虑了Vim和Emacs。 :v

    2.    那个叫Dreamweaver的垃圾箱

      将垃圾放入Dreamweaver绕过所有人的代码中

    3.    埃尔南

      Dreamweaver对于设计师而言,比对程序员而言更重要,对于使用代码的人而言,它过于繁琐和缓慢。 使用诸如sublime text,方括号或webStorm / phpStorm之类的程序要舒适得多。 我使用Dreamweaver的时间遇到​​了问题,在准备好代码之后,我进入了设计模式,在这种情况下,如果我提出要点或提出一些建议,Dreamweaver会负责完全拆解我的冗长代码。 并不是说这是付款。 我有设计者朋友,对他们来说真是太棒了,因为他们无需编写任何代码即可创建页面。

      1.    eduar

        breamweaver哈哈哈,如果您学会剪辑,我将永远不会学

    4.    KZKG ^ Gaara

      Dreamwho?…Baff,好友,Artisteer,Dreamweaver,这些都是纯废话,很遗憾这么说,但这是事实。

      他们放置了七百行垃圾代码,很多不需要的标记或目标,等等,等等。

      用Sublime括起来的括号足以完成任何CSS工作。

    5.    Kdexneo

      Aptana Studio 3比Dreamweaver更好。

    6.    拉夫

      你说什么? Dreamweaver? 那个quee essess?

    7.    夏尔巴90

      希望您能看到生成您的所有垃圾代码……Dreamweaver适用于非专业人士,期限!

  4.   ama间

    耸人听闻的帖子,真的
    祝贺

    1.    拉夫

      谢谢😉

  5.   彼得切科

    您的信息非常有用……谢谢。 您要回到Ubuntu / Debian水域吗?

    1.    KZKG ^ Gaara

      哈哈,他总是为Debian留心,但是... Ubuntu我不这么认为

      1.    彼得切科

        你永远不知道😀

    2.    拉夫

      尽管永远不要说,但是我真的不认为我会很长一段时间都回到Debian。

  6.   摄氏

    没人想要的可怜的雄猫。

    1.    拉夫

      谁想要Java? 😛

  7.   加布里埃尔

    我认为主题再次变得混乱,有些人只是设计师,有些人只是程序员,两者都有,有些人认为Winbug“简单”,因为他们下一步安装了“ all set”(这意味着(他们可能使用或不使用专有和/或许可的软件),有些人比较高级(“勇敢”),并且对linux有所了解,并且通常会使用它们之间发现的工具工作,因此很长一段时间等等,正如我们在此博客中分享的那样,我们的想法是无论使用哪种发行版,都需要在gnu-línux上进行开发,因此使用了开源工具,潜在的问题(我认为)是它取决于每个人,我们什至不知道的工具,但是当我们想学习时,我们必须花几个小时直到我们给它为止,如果我们感到舒适(不管别人怎么想),我们会很高兴的! (:

    1.    阿尔萨罗

      您还可以下载php5.6.3的版本
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-x64-5.6.3-0-installer.run
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-5.6.3-0-installer.run
      这取决于您正在开发的内容或所需的兼容性,以保持版本5.5,我只需安装存储库中的软件包即可,就是这样,我有Apache 2.4,php5.5.13等。另外,像phpcs这样的其他库也很容易安装后,很明显,我喜欢该外壳,并且我更喜欢安装和配置所有可能的东西。

      1.    阿尔萨罗

        您已经看到了wpn-xm.org这个项目,对于linux来说,实现这样的目标会很有趣,我说它是集成的,因为我使用了其中一些工具,很遗憾地说,尽管它有大量的库,并且主机几乎都安装在我为nginx更改的Apache上。 我发现wpn-xm在寻找LAMP和XAMPP的替代品,这对工作机器很有用,这无疑是一个很好的替代品。 对不起,我以前对W $ + chrome的评论

  8.   劳尔·卡萨里

    您的贡献非常有趣,请继续发展,不胜感激

  9.   迈克尔·卡多萨

    您好,我是Ubuntu的新手,我一直使用Windows,但是我想使用Ubuntu迁移到Linux环境,但是当我想在Windows中创建文件夹或将文件放在htdocs中时,它不允许我运行或发生某些情况我可以在Windows中通过自定义来做到这一点,但是在Ubuntu中,我不能使其受阻很大,或者不允许我进行修改,如果我使用htlime在htdocs中创建文件,那么也不允许我这样做。可以帮助我,我将不胜感激。

  10.   勃朗峰

    有人可以帮我吗?
    许多年前,我参加了一门小型的Web设计课程,并且我很喜欢它,尽管他们为我提供了Windows程序,但从未让我安装它们。
    几个月前,我终于能够切换到Linux Ubuntu,但找不到任何程序
    我记得在课程中我看到了三个程序
    Dreamweaver,Flash MX和另一个用于照片修饰的工具,但我记不清了。
    您能指示下载网站或安装与我在课程中看到的内容相同的路由吗?
    问候
    谢谢。