Windows中用虚拟机运行Ubuntu进行前端工作时安装的一些软件

准备：
一、首先，安装VWware虚拟机，它能使Windows系统上使用Ubuntu。它的下载地址最好在官方上去下，免得在别的地方下载后出错。
二、然后，我们需要到Ubuntu上去下载Ubuntu的两个版本。1、desktop（桌面版）2、server（服务器版）。目前，对于这两个，我个人安装的都是 16.04.4 STL（长期稳定版的），建议以后下载别的版本也下STL版本d的。

---

上述准备都好了我们便可以进行下一步的配置——对于desktop和server的配置。
首先我们把VWware虚拟机安装在你所想装的一个盘里，我这里准备的就是在E盘的一个文件（virtual machine）里进行安装，安装好以后，打开它，这时你可以看见有新建虚拟机这一项：

新建，取名，然后进行配置，首先，在图中箭头处更改你已在之前下载好的desktop安装程序光盘映像文件。

然后点击下一步，输入信息：

继续下一步。

注意，要点图片中箭头位置的选项。

点击下一步，点击自定义硬件进行配置。

这里的配置根据你的电脑来配，比如我现在的电脑的有8个G
，有1个T的存储空间，所以，我为desktop和server进行以下的配置。
desktop配置：

server的配置：

当然，server与desktop的前面安装都大相类同，只有安装的映像文件和硬件配置不同。配置好以后，进行安装。这里提以下快照，快照可以让你的虚拟机恢复到你快照时的状态，所以备份好快照是一个很实用的方法，以便你你虚拟机出错时能快速恢复，但快照是一项十分消耗内存的东西，所以还请谨慎使用。

---

接下来，我们为Ubuntu desktop和Ubuntu server 进行具体的配置。

Ubuntu desktop：
首先，我们打开Ubuntu desktop，进入，输入当时我们设置的用户名和密码，进入，来到Ubuntu的界面。
我们现在要做的具体事情就是安装以下三个东西。
1、安装note.js
2、安装webstorm
3、安装Git

首先，我们安装note.js 首先，我们要去官网上去下载node.js的安装包。这里推介去官方网站下载，

当然你可以选择在Ubuntu终端上用命令安装，这里介绍用官网的安装包安装的方法.打开终端：点击鼠标右键，选择open terminal（打开终端）

进去后用cd（打开文件）的方试打开已经下载好的安装包的所在文件夹，可用ls指令查看当前文件夹的文件。输入 “sudo su root”获取权限，只有你拥有了权限才能更改文件。因为安装包是“.tar.xz”的压缩包，所以我们需要用“tar -xvf”命令去解压它。注意：我们需要把它解压到 “otp”文件的目录下

解压完成后我们进行软连接：
ln -s /otp/nodefile/node-v8.11.3-linux-x64/bin/node /usr/local/bin/node
ln -s /otp/nodefile/node-v8.11.3-linux-x64/bin/npm /usr/local/bin/npm
因为npm下载是到国外下载，会导致我们下载东西特别慢。所以我们这里更改npm，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

• $ npm install -g cnpm --registry=https://registry.npm.taobao.org
• $ npm config set registry https://registry.npm.taobao.org

然后，对cnpm进行与上类似操作，检查你是否都软连的办法：
输入 note -v，npm -v，cnpm -v。如果都出现版本号，则安装正确，否则某项没出现版本号，某项就有错误。

到此，node.js配置完成。

Webstorm:
同样，与nodejs差不多的步骤，官网下载，打开安装包目录，解压文件，不过，这儿的安装包的格式为“.tar.gz”,我们需要用“tar -zxvf”的指令来解压。解压后，我们可以在解压目录处按下图输入指令来打开我们的webstorm

如果能打开，则安装成功。
但到这步还没完，我们还需要安装一个脚手架（create-react-app），这里我们用指令安装，指令如下：npm install -g create-react-app。有cnpm的指令（下载更快）：cnpm install -g create-react-app
我们在终端中输入：create-react-app my-app ，如果没有错误，则安装成功。
Git：

在这儿，我推荐输入指令安装，指令如下：
apt-get install git。
但这仅仅是安装好了而已，你还需要使用它，详解请到以下网址：
https://www.linuxidc.com/Linu...

---

下面我来介绍Ubuntu server部分。
在这个部分中我们要做的有以下几点：
一、用Xshell和Xftp远程访问我们的Ubuntu server。
二、安装apache2
三、修改更新源

远程访问：
首先，我们需要在我们的Windows电脑上安装Xshell和Xftp两个软件，推荐去官方网站下载，当你在官方网站填写好你的邮箱地址的时候，官方会给你发送一个带有下载软件的地址的邮件给你，届时你下载安装即可。安装完成，我们还需要安装vim和openshh，我们这里用命令安装：
apt‑get install vim
apt‑get install openssh‑server
当我们输入vi点击Tab键，出现vim时，便表示我们安装vim成功。
现在修改远程访问权限，即可以通过远程使用root权限访问服务器。
在终端中输入 vim /etc/ssh/sshd_confi ，找到PermitRootLogi 改为yes即可完成。
接下来，我们便可以设置Xshell的远程连接了。首先，打开Xshell，打开文件，新建，按照下图输入内容（注意，Ubuntu server需要把网络适配器设置为NAT模式，与主机IP地址保持一致），在终端输入ifconfig查看你的IP地址。

设置Xshell：

设置完成，确定，即可进行连接，连接成功，那我们这一步就算完成了。（注意：你的Ubuntu server是打开状态才能连接）

安装apache2：

安装apache2：apt-get install apache2
apache2的相关指令：
开启Apache service $ sudo /etc/init.d/apache2 start
重启 $ sudo /etc/init.d/apache2 restart
停止 $ sudo /etc/init.d/apache2 stop
配置apache2 用vim指令：vim /etc/apache2/apache2.conf
打开apache2.conf。写入两条语句
ServerName localhost
DirectoryIndex index.html index.htm index.php
输入开启指令后显示如下图，即为开启成功。

开启apache2后你可以在你的浏览器地址栏输入你server ip地址看到如下界面即为成功

下面我们进行配置，这样你才能通过你的IP地址来访问传输进Ubuntu server的文件。
首先打开Xshell，连接后，获取root权限，这里我传输们的文件默认路径为：var/www/html，所以，现在我们要更改html权限为777才能用xtpf进行文件传输，更改命令如下：
chmod 777 html
更改后，我们便可以使用我们的IP地址来访问我们传输的文件。
传输文件方法：在Xshell中打开Xftp，找到上述我提到的目录，因为html文件权限已经被我们更改了，所以可以直接进行写入或者取出。如下图所示（用鼠标拖拽文件即可进行传入传出文件）

然后就可以通过地址栏访问自己的网页了

这里，apache2的安装结束。

---

设置更新软件源：
这里我使用的是清华源，因为里面的软件更新比较快。
清华源网址：https://mirrors.tuna.tsinghua...
这里我们更换更新源是用Xtpf来进行的。
首先我们按上面步骤一样，打开Xshell，连接，获得root，不过，我们要打开文件，到 /etc/apt/ 里，然后对sources.list更改权限为777，上面介绍过怎样更改，这时，我们便可以到Xftp里进行更改文件了，不过在此之前，我们要先备份一份sources.list，用指令：cp sources.list sources.list.backup
备份完成，我们将sources.list 直接从右边拖到左边的桌面上，如下图：

对拖入的sources.list进行编辑，这里推荐用sublime来进行编辑，sublime你可以到官网下载。用sublime打开，将上述网站里的源复制，然后直接覆盖掉sources.list里原来的东西，但注意，左上角的#要保留。

接着，再在Xftp上把sources.list从桌面拖入apt中，若有提示，则进行覆盖，如下图：

至此，更新为清华源完成。