前言
作為前端開發者一直都在關注瀏覽器的行為、表現。但是時間長了免不了要接觸到后端的知識、服務器的知識。尤其是在前端技術爆發式發展的當下，前端慢慢的滲透到了更多的領域。比如，使用 express/koa 創建 http 服務，使用React-Native開發Android和IOS通用的APP，甚至使用node開發系統、嵌入式程序等。這個時候，我的內心開始蠢蠢欲動，我們能做的不僅僅是網頁。雖然我是個前端，但是我有一顆全棧的心啊，正好之前入手了阿里云的服務器，這周閑來無事，折騰起來。
創建自己的服務器
我這里推薦使用云服務器，相比使用自己的服務器，云服務器有很多方便的地方，而且云服務器提供一個一周的試用版，用起來非常的方便。
創建一個輕量級的服務器 阿里云可以購買一臺可使用一周的服務器，這個服務器正好用來做這次開發(已有的請跳過)。
登錄阿里云，進入購買 CES 的地方，鏈接地址如下：
https://www.aliyun.com/[1]
依次選擇：
•計費方式：包年包月。
•地域：華北5(當前華北5有優惠)。
•實例：請尋找1vCPU、1G內存的實例(我最終選擇了突發性能實例 t5)。
•鏡像：選擇CentOS 7.4 (現在后端普遍使用6+的版本，7相比6有了很大改進，前端選擇7可以減少很多麻煩)，勾選安全加固。
•云盤：40G高效云盤。
•公網帶寬：勾選自動分配公網 IP，選擇1M帶寬。
•安全組：選擇默認安全組，并勾選http80端口和http443端口。
•購買周期：選擇1周。
最終結果：
我們的服務器主要做網站類的開發，所以有針對性需求的用戶可以考慮將內存增大，其他在需要的時候采取考慮。
安裝自己的開發環境
Windows連接到服務器
Linux服務器不像window那樣有一個可視化的界面，window/mac連接的時候也不像遠程桌面那樣方便。這里連接服務器需要使用命令才行。
window連接服務器 好消息是window下有一款神器:xshell，命令可以很方便的輸入到一臺服務器或者多臺服務器上，用戶密碼也可以很方便的保存在本地，多個服務器還可以分組，你要做的就是專注于眼前的服務器開發。
這個軟件可以直接百度下載。
•首先你需要安轉一個xshell，下載需要填一些信息，安裝非常簡單，要注意的是安裝的時候需要選擇個人開發使用，不然安裝好之后發現需要交錢才能用就坑了。
•安裝好之后你就可以把自己的服務器ip、用戶名、密碼都填好了，以后只需要鼠標一點就進入了自己的服務器了。
•需要注意的是，選擇一下默認的字符，不然你的中文會變成亂碼。
•連接之后的界面是下面這樣。
•首先有一個進入服務器的提示，然后下面就是熟悉的命令行了，不同的是前面那段顯示的規則是用戶名@機器名。
Mac連接服務器
Mac連接服務器可以使用自帶的終端應用，也可以自己下載一個iTerm2，這里我推薦使用iTerm2，可以方便的使用不同的主題，添加各種有用的插件。
•打開iTerm2，輸入連接命令ssh 用戶名@ip地址然后回車，你會看到提示你輸入密碼，這個時候輸入你在購買服務器的時候設置的密碼就好了。
•只要密碼正確，你就可以進入服務器了，依舊是熟悉的命令行模式。
•你會在第一時間看到服務器反饋的上次登錄信息，歡迎信息，然后是命令行的提示，前面的顯示規則是用戶名@機器名。
幾個常用的命令 要想使用Linux系統服務器做開發，不懂幾個常用命令怎么行?
ssh 用戶名@ip，連接服務器的命令。
cd 絕對路徑/相對路徑，跳轉到路徑對應的目錄下。
rm 文件名，刪除文件。
rm -rf 目錄路徑，刪除目錄以及目錄下的所有文件，謹慎操作!
ls [-a]，查看當前目錄下的文件和目錄，加-a參數可以查看所有文件，包括隱藏文件(.開頭的文件是隱藏文件，默認是看不見的)。
ll，查看當前目錄下的文件詳情，可以文件的權限，遇到沒有權限執行的情況下可以使用這個命令查看。
pwd，查看當前路徑的完整路徑，不知道自己在哪兒的時候可以使用這個命令查看。
which 名字，在幾個默認位置查找改名字，比如查找pm2安裝在哪個地方了。
mkdir 目錄名，創建一個空目錄。
cat 相對/絕對文件路徑，查看文件的內容，多為查看日志或者其他文本文件。
cp 文件路徑 目標路徑，復制一個文件到另外一個地方。
mv 文件路徑 目標路徑，移動一個文件到另外一個地方，也可以重命名。
ps -aux，顯示當前進程，有時候需要用這個查看進程是否存活。
kill -9 進程id，結束進程，進程id就是上一條命令查到的pid。
tar -zxvf 文件，解壓縮文件。
tar -zcvf 壓縮后的文件 要壓縮的文件/目錄，壓縮文件。
vi 文件路徑，使用vim進入文件的編輯模式。
vi退出文件，按下esc鍵保證退出編輯模式，輸入:q或者:q!強制退出。退出保存輸入:wq
vi編輯，按下i左下角會提示進入編輯模式，然后就是正常的輸入文字，再按esc鍵退出編輯模式。
vi保存編輯結果，按下esc鍵保證退出編輯模式，輸入:x保存并退出
安裝Node
1.推薦安裝最新的穩定版。我這里是10.15.3,下載地址如下： https://nodejs.org/en/download/[2]
2.選擇Source Code后面的那一行，右鍵復制鏈接地址，我們使用源代碼的方式安裝，第一次安裝的時候使用這種方式好處多多。
3.回到服務器，首先跳轉到根目錄下cd /。創建一個空目錄，用來放所有的安裝包mkdir software。
4.使用命令把剛才的文件下載下來wget https://nodejs.org/dist/v10.15.3/node-v10.15.3.tar.gz。阿里云下載速度比較給力。
5.將下載好的壓縮包解壓tar -zxvf node-v10.15.3.tar.gz：
6.進入解壓好的目錄并執行config配置命令cd node-v8.9.4.tar && ./configure
7.在編譯代碼之前，還需要在機器上安裝一些軟件包，使得編譯可以正常運行： sudo yum install gcc gcc-c++
8.執行編譯以及安裝命令make && make install,這里編譯階段時間會非常長，你可以喝杯茶，真的超級長，別怪我沒提醒你。編譯成功后執行npm -v和node -v測試是否安裝成功。
安裝MySQL
mysql是一個方便使用的開源數據庫。因為使用簡單，安裝方便，功能強大，受到很多開發者的喜愛，給自己安裝一個MySQL數據庫真的是非常有必要的，利用它可以存儲不少東西。
1.下載安裝需要用到的源：
wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm[3]
2.安裝下載的源rpm -ivh mysql-community-release-el7-5.noarch.rpm
3.下載安裝MySQL：yum install mysql-server
4.使用service mysqld start
5.使用命令修改當前用戶的密碼(默認root是沒有密碼的)：mysqladmin -u root password '密碼',這里我設置的密碼為root
6.使用命令進入數據庫：mysql -u root -p
7.這個時候數據庫已經安裝好了，但是只能在服務器上看。我們需要讓MySQL運行遠程連接，這樣方便我們調試，不用每次都要使用命令行。
8.進入服務器的mysql命令行模式下，輸入GRANT ALL PRIVILEGES ON . TO 'root'@'%' IDENTIFIED BY 'password' WITH GRANT OPTION;其中root代表的是這次要修改的用戶名，password代表這個用戶使用的密碼，然后再輸入flush privileges;讓命令生效。需要注意的是每行命令的最后要加;，不然是不會執行的。
9.如果順利，這個時候已經是修改完了，你可以輸入查詢命令來看看最終的結果。SELECT DISTINCT CONCAT('User: ''',user,'''@''',host,''';') AS query FROM mysql.user;。也可以通過軟件直接登錄數據庫看看。
10.到此MySQL數據庫就完成安裝了，這個時候可以使用某個客戶端連接上數據庫看了(推薦navicat for mysql)，也可以直接進入服務器的命令行模式查看數據庫。
安裝 Nginx
Nginx 真的是現在必不可少的一個軟件。在轉發請求、負載均衡等方面非常非常的有用。這里我們先簡單的使用nginx的端口轉發代理等幾個功能。它可以將幾個不同的服務集中在一個80端口下，根據域名或者請求路徑來區分。
1.注意，在安裝nginx之前還需要安裝幾個nginx的依賴插件。
2.安裝pcre yum install -y pcre pcre-devel：
3.安裝zlib yum install -y zlib zlib-devel
4.安裝openssl，這個推薦安裝，畢竟大家都在使用https證書了，yum install -y openssl openssl-devel
5.下載源代碼，復制下載地址，并使用wget命令下載到服務器上，下載地址如下：
https://nginx.org/en/download.html[1]
6.解壓下載的文件并進入解壓好的目錄tar -zxvf nginx-1.13.8.tar.gz && cd nginx-1.13.8
7.執行配置命令./configure
8.繼續編譯安裝nginxmake && make install
9.查看安裝結果whereis nginx
10.跳轉到安裝好的nginx目錄下，進入sbin目錄cd /usr/local/nginx/sbin
11.啟動nginx./nginx
./nginx，啟動nginx;
./nginx -s stop，停止nginx;
./nginx -s quit，退出nginx;
./nginx -s reload，重啟nginx。
12.安裝成功后，使用IP公網地址即可進行訪問。
安裝Git
centos上是沒有安裝git，而git是我們開發中經常要使用的工具，這里就講一下怎么安裝git。
1.在服務器上執行yum install git。如果上面的幾個軟件沒有安裝，您可能還需要安裝幾個依賴庫，這個可以查看出現的錯誤來決定安裝那些庫。
2.確定一下git是否安裝完成git --version
總結
至此為止，一個簡單的前端環境就已經安裝好了，你可以把你的項目通過git扔到服務器上進行訪問了，如果你覺得我的文章對你有所幫助，多轉發多關注都是對我莫大的鼓勵
