從零開始——構(gòu)建屬于自己的網(wǎng)站?。ǘ?/h2>

? ? ? ? 最近的需求有些燒腦、更新文章放松下自己。上篇我們已經(jīng)進(jìn)入到了自己的服務(wù)器,接下來開始對這臺服務(wù)器進(jìn)行一些配置,由于本人是一枚前端小白工程師,這里我們就配置node環(huán)境,本章先在自己的網(wǎng)站中輸出一段話,開始!

? ? ? ? 直接在服務(wù)器下載node.js。使用命令 wget,

? ? ? ? 如果wget命令不存在的同學(xué),可以使用yum 進(jìn)行安裝!? yum 是centos系統(tǒng)的一個命令,相當(dāng)于npm,

? ? ? ? yum install xxxx ——安裝 xxxx,

? ? ? ?

? ? ? ? 我們開始安裝node。

? ? ? ? 首先進(jìn)入 目錄 /usr/local/? ——? cd /usr/local

? ? ? ?

? ? 然后打開node.js官網(wǎng)? 點(diǎn)擊downloads


? ? ? ? 找到 Linux Binaries (x64) 這行? 按圖片標(biāo)識進(jìn)行操作


? ? ? ? 然后在服務(wù)器命令行中 粘貼在wget 后面? 回車

? ? ? ? 等待下載完畢!



? ? ? ? 接下來我們開始解壓安裝包? 需要兩次解壓操作? 我們可以看到 文件包 是 tar.xz 后綴? 首先進(jìn)行xz第一層解壓 xz -d 文件名


第一層解壓過后 可以看到文件包 xz 后綴已經(jīng)不見了 只剩下 tar

? ? ? ? 再次進(jìn)行第二次解壓? tar -xvf 文件名? ——? tar -xvf node-v10.16.0-linux-x64.tar,看到白茫茫一片,不要慌,說明已經(jīng)解壓好了


? ? 這個時候再輸入ls 查看當(dāng)前目錄下文件? 就可以看到解壓好的文件夾

? ? ? ? 然后我們可以對這個文件夾重命名一下,(解壓出來的文件夾名字太長了,不好看),這里使用mv 命令——

mv + 要修改的文件夾名字+重命名的文件名,這里我們就給它重命名為 node

? ? ? ?

? ? ? ? 可以看到重命名好了

? ? ? ? 然后我們進(jìn)入到 node 文件夾中bin 目錄? 看看有什么東西! cd /node/bin


? ? ? ? 有三個東西! node? npm? npx !

? ? ? ? 我們可以輸入 ./node -v 查看node的版本

? ? ? ? 現(xiàn)在我們只是局部安裝了Node, 在服務(wù)器其他目錄下是無法使用node命令的,所以我們要全局配置一下,使我們可以在任意位置使用node命令! 我們cd /? 回到根路徑下? 輸入node -v 可以看到命令無效,

? ? ? ? 開始配置全局node。 可以使用vim 命令? 如果沒有vim命令的同學(xué),同樣可以使用 yum install vim進(jìn)行安裝。輸入命令 vim /etc/profile? 編輯這個文件

? ? 接下來按 ↓ 鍵 去到文件最末尾,綠色的光標(biāo)到圖中位置


? ? 要編輯文件 我們要按一下? i 鍵? 出現(xiàn) INSERT? 在把綠色光標(biāo)移動到pathmunge后面 回車



? ? ? ? 在此處開始編輯 ,我們加入一行代碼? export PATH=$PATH:/usr/local/node/bin


? ? ? ? 這行命令就相當(dāng)于我們在windows上配置環(huán)境變量 千萬不要寫錯!

? ? ? ? 然后保存代碼? 按一下 esc? 再輸入 :wq? 回車

? ? ? ? 在windows上配置過環(huán)境變量的同學(xué)知道,配置之后是立即生效的,而這里不行,還需要再輸入一個命令,讓我們的剛才的操作立即生效? 輸入 source /etc/profile? 回車


? ? ? ? 生效之后 我們在根路徑下直接輸入 node -v? 就可以看到輸出了node 的版本號,說明全局配置已經(jīng)成功了,在任何地方我們都可以使用node命令了


? ? ? ? npm -v? npx -v? 都是OK的


? ? ? ? node.js 安裝及配置完成!!!!

? ? ? ? 接下來開始寫代碼!起一個node服務(wù),沒有基礎(chǔ)的同學(xué)跟著一個字母一個字母敲就好了!

? ? ? ? 首先進(jìn)入到 root 目錄? 創(chuàng)建一個文件夾? cd /root? ? mkdir(創(chuàng)建文件夾命令) + 文件夾名,這里我創(chuàng)建一個mysite的文件夾? cd mysite


? ? ? ? 然后做一次初始化? npm init,同樣會詢問一些事情,一直回車就好了!狂點(diǎn)!


? ? ? ? ls 一下, 可以看到一個package.json 文件


? ? ? ? 有Node基礎(chǔ)的同學(xué),知道使用express腳手架會方便我們開發(fā),所以我們安裝express腳手架 npm install express

? ? ? ? 等待安裝完畢。

? ? ? ? 成功!

? ? ? ? 然后輸入 vim app.js 回車 創(chuàng)建一個app.js文件,開始擼代碼

? ? ? ? 進(jìn)入到app.js 中? 同樣要 按一下 i 鍵? 看到INSERT 才可以編寫

? ? ? ? 編寫以下代碼? 保存退出!即將大功告成!

? ? ? ? 啟動我們寫好的app.js文件? node app.js

? ? ? ? 啟動好啦!可以用我們的公網(wǎng)ip進(jìn)行訪問啦!是不是很激動!

? ? ? 在網(wǎng)址欄 輸入我們的公網(wǎng)ip + node監(jiān)聽的端口號就可以訪問啦? 這里設(shè)置的是9090端口

? ? ? ?

? ? ? ? OK! 本章先到這里!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容