首先,特別感謝yubang大佬的指導(dǎo):
http://m.itdecent.cn/u/baaf1b9c6093
https://note.yubangweb.com/
一.購(gòu)買(mǎi)服務(wù)器
下面是我自己的選擇:
1.服務(wù)器:百度云服務(wù)器。對(duì)于小白來(lái)說(shuō),百度云比較好操作,ta對(duì) 全部的端口都是開(kāi)放的。阿里云的話,還需要配置安全組開(kāi)放端口
2.操作系統(tǒng):我選的是CentOS
二.下載xshell 5
1.點(diǎn)擊文件新建
2.連接
3.填寫(xiě)會(huì)話名稱,協(xié)議是ssh,填寫(xiě)自己的主機(jī),端口號(hào)是22,填寫(xiě)完了之后,選擇用戶身份驗(yàn)證,填寫(xiě)用戶名是root,密碼是服務(wù)器密碼,填寫(xiě)完成之后,點(diǎn)擊確定就可以連接上自己的服務(wù)器啦了 ,操作如下圖顯示:

4.安裝nginx使用命令:yum install -y nginx,這個(gè)操作是可以看到是否真的能連接上服務(wù)器,如果能連接上,那在瀏覽器輸入自己的ip就可以出來(lái)默認(rèn)頁(yè)面了。
此時(shí)不要急著刷新網(wǎng)頁(yè)看看是不是出來(lái)默認(rèn)頁(yè)面了,而是先啟動(dòng)nginx,則輸入命令:nginx
瀏覽器輸入ip,則出現(xiàn)下面的頁(yè)面:

三.下載xftp 5
為了方便上傳代碼到服務(wù)器,就安裝了xftp5,先新建會(huì)話,協(xié)議要改成xftp,端口默認(rèn)的是22,而ftp的默認(rèn)端口是21,我選擇xftp,如下圖:

連接上啦之后,默認(rèn)進(jìn)到根目錄,看到的有三個(gè)點(diǎn)...,點(diǎn)擊三個(gè)點(diǎn)進(jìn)到目錄,在目錄里面新建文件夾創(chuàng)建自己的項(xiàng)目,在xshell 5里面用可以切換項(xiàng)目,如切換到project,則: cd /project 就可以啦,進(jìn)到目錄里面,就像線上開(kāi)發(fā)一樣了,安裝自己想要的依賴
另(可以操作完四五點(diǎn)再看):nginx會(huì)默認(rèn)跳轉(zhuǎn)到指定的頁(yè)面,如果想跳轉(zhuǎn)到自己想跳轉(zhuǎn)到頁(yè)面就需要修改nginx文件:步驟如下:etc->nginx->nginx.conf,打開(kāi)nginx.conf,修改server對(duì)象下的root路徑,想跳轉(zhuǎn)到project下的demo下的index的,就填寫(xiě):/project/demo/index;記得加上分號(hào)哦
四.在服務(wù)器安裝nodejs
安裝了nodejs之后,就可以用npm了,作為前端開(kāi)發(fā),可以在你的服務(wù)器‘為所欲為’,下載一些你需要的框架
在xshell 5里面輸入yum install -y nodejs
[root@instance-n90arfve ~]# yum install -y nodejs
五.下載淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
六.安裝數(shù)據(jù)庫(kù)mysql
這篇文章講得很詳細(xì):https://note.yubangweb.com/centos7-%E5%AE%89%E8%A3%85mysql5-7/
按照上述的安裝好數(shù)據(jù)庫(kù)之后,就可以開(kāi)始使用操作線上的數(shù)據(jù)庫(kù)了
七.下載phpStudy
關(guān)于為 什么下載這個(gè),我想說(shuō)這個(gè)對(duì)于小白來(lái)說(shuō)真的很好用,不需要手動(dòng)配置安裝什么環(huán)境,一鍵連接數(shù)據(jù)庫(kù),操作線上服務(wù)器等等優(yōu)點(diǎn),安裝好啦之后,點(diǎn)擊
MYSQL管理器,選擇第一個(gè)選項(xiàng),然后進(jìn)到數(shù)據(jù)庫(kù),開(kāi)始連接

用戶和密碼是在服務(wù)器上修改密碼和用戶,名稱隨便填,端口默認(rèn)是3306,連接類(lèi)型默認(rèn),數(shù)據(jù)庫(kù)不用自己填寫(xiě),后點(diǎn)擊確定就可以連上服務(wù)器的數(shù)據(jù)庫(kù)啦
這樣就可以利用node+mysql開(kāi)發(fā)后端代碼,可以使用vue開(kāi)發(fā)前端代碼了