window7搭建服務(wù)器nodejs+express+cnpm+pm2+cancas+node-gyp+windows-build-tools

更新window自帶的 PowerShell
查看 PowerShell 版本,打開 PowerShell 輸入 $PSVersionTable.PSVersion 查看命令的結(jié)果,其中"Major"既是當前已安裝PowerShell的版本號。

來源:如何查看PowerShell版本信息 https://jingyan.baidu.com/article/db55b609f74b734ba30a2f0b.html

安裝新版本powershell,
下載地址:https://docs.microsoft.com/en-us/powershell/scripting/install/installing-windows-powershell?view=powershell-6
下載地址:https://www.pstips.net/powershell-introduction-and-install.html

window7/64位,安裝 Win7AndW2K8R2-KB3191566-x64.msu

注意:我這里 nodejs 安裝目錄、模塊目錄、緩存目錄等均用程序默認的,剛學(xué)習使用nodejis,還是穩(wěn)妥點。

一、nodejs、cnpm

1、打開官網(wǎng)下載: https://nodejs.org/en/download/ 64位下載node-v6.9.2-x64.msi

來源:Node.js安裝及環(huán)境配置之Windows篇
https://www.cnblogs.com/zhouyu2017/p/6485265.html
來源:Windwos安裝Node.js和npm的詳細步驟
https://www.cnblogs.com/luciolu/p/11993802.html
來源:Windows下NodeJS環(huán)境搭建
http://www.itdecent.cn/p/5f53a4f9e0c6
來源:windows系統(tǒng)下nodejs安裝、環(huán)境配置及刪除NPM全局配置
https://www.cnblogs.com/fighxp/p/7411608.html

在新版nodejs的安裝界面里有個安裝提示,記得勾選,它會自動安裝Python、Visual Studio Build Tools、Chocolatey。同時node-gyp依賴Python、Visual Studio Build Tools。

但在我的電腦上 Python2、Visual Studio Build Tools 都提示安裝失敗了,只能自己手動安裝了。

nodejs安裝界面

npm默認的模塊安裝目錄和緩存目錄
模塊目錄 C:\Users\Administrator\AppData\Roaming\npm
緩存目錄 C:\Users\Administrator\AppData\Roaming\npm-cache

來源:利用npm 安裝刪除模塊 https://blog.csdn.net/yihanzhi/article/details/75665959
npm安裝模塊
【npm install xxx】利用 npm 安裝xxx模塊到當前命令行所在目錄;
【npm install -g xxx】利用npm安裝全局模塊xxx;
本地安裝時將模塊寫入package.json中:
【npm install xxx】安裝但不寫入package.json;
【npm install xxx --save】 安裝并寫入package.json的"dependencies"中;
【npm install xxx --save-dev】安裝并寫入package.json的"devDependencies"中。
npm 刪除模塊
【npm uninstall xxx】刪除xxx模塊;
【npm uninstall -g xxx】刪除全局模塊xxx;

2、cnpm, 淘寶NPM鏡像

淘寶NPM鏡像 https://npm.taobao.org/ (這是一個完整 npmjs.org 鏡像,你可以用此代替官方版本(只讀),同步頻率目前為 10分鐘 一次以保證盡量與官方服務(wù)同步。)

npm install -g cnpm --registry=https://registry.npm.taobao.org

二、express

原文:nodejs+express搭建服務(wù)器 https://www.cnblogs.com/wgl0126/p/9290157.html

cnpm install express --save -g
cnpm install express-generator --save -g

在cmd.exe通過命令cd打開文件夾(D:\aab),然后輸入 express demo 即會在 D:\aab 文件夾下創(chuàng)建demo項目

express demo

然后
打開項目:cd demo
安裝:cnpm install
啟動項目:cnpm start
如果 cnpm start 過程中 會報錯,提示找不到相應(yīng)的模塊,則依據(jù)相應(yīng)提示安裝模塊
啟動項目后,瀏覽器輸入 http://localhost:3000 可看到 Welcome to Express 內(nèi)容頁面

快捷鍵:Ctrl+C兩次則提示是否終止操作(^C終止批處理操作嗎(Y/N)?)

三、pm2 守護進程,可讓express一直運行、實時更新、調(diào)試nodejs

來源:PM2實用入門指南
https://www.cnblogs.com/chyingp/p/pm2-documentation.html
來源:pm2調(diào)試
http://www.itdecent.cn/p/4bc15a4db65a
來源:PM2 部署 nodejs 項目
https://www.cnblogs.com/hai-cheng/p/8690115.html
來源:pm2使用心得
https://gitee.com/hjm100/codes/n4qks83ofdrtbpac7wgmy39
來源:使用pm2部署node生產(chǎn)環(huán)境
https://segmentfault.com/a/1190000018439311

全局安裝-g

cnpm install -g pm2

一般我們都是通過npm start啟動應(yīng)用,其實就是調(diào)用node ./bin/www?,F(xiàn)在可以,換成pm2。注意,這里用了--watch參數(shù),意味著當你的express應(yīng)用代碼發(fā)生變化時,pm2會幫你重啟服務(wù),多貼心。

pm2 start ./bin/www --watch

PM2實用入門指南:https://www.cnblogs.com/chyingp/p/pm2-documentation.html
官方文檔:http://pm2.keymetrics.io/docs/usage/quick-start

四、canvas、node-gyp、windows-build-tools、GTK、libjpeg-turbo

安裝canva比較繁瑣,canva 依賴 node-gyp,node-gyp 依賴 windows-build-tools、Python、GTK、libjpeg-turbo

canvas (https://github.com/Automattic/node-canvas
node-gyp (https://github.com/nodejs/node-gyp#installation
windows-build-tools(https://github.com/felixrieseberg/windows-build-tools

Windows下Node.js安裝Canvas插件
https://blog.csdn.net/weixin_34246551/article/details/91920233

1、windows-build-tools - Install C++ Build Tools for Windows using npm

a)下載 Visual Studio Build Tools 并安裝

https://visualstudio.microsoft.com/thank-you-downloading-visual-studio/?sku=BuildTools
這一步只是為了安裝【Microsoft Visual Studio Installer】,在安裝成功的界面無需安裝任何軟件,直接關(guān)閉退出。

b)安裝 windows-build-tools

cnpm install --global --production windows-build-tools

它會自動安裝
【Microsoft Visual Studio Installer】
【Visual Studio 15 生成工具 2017】
【Python 2.7.15】,
Python被安裝在 %USERPROFILE%.windows-build-tools\python27
C:\Users\Administrator.windows-build-tools\python27\python.exe

本來是不需要a)步驟的,也不知為什么,如果直接跳過a)執(zhí)行b)步驟,cnpm install --global --production windows-build-tools,在cmd.exe界面會出現(xiàn)一直出現(xiàn)無限向上滑動的字符,只能強制關(guān)閉cmd.exe或Ctrl+C退出。如果先執(zhí)行a)再執(zhí)行b)就不會出現(xiàn)無限滑動的字符。

c)python-2.7

直接下載 python-2.7.amd64.msi
https://www.python.org/ftp/python/2.7/python-2.7.amd64.msi
官網(wǎng)下載python27
https://www.python.org/downloads/release/python-2715/
來源:Win 10安裝Python及環(huán)境變量配置
https://blog.csdn.net/lyj_viviani/article/details/51763101

必須再單獨下載安裝python,不然在安裝canvas模塊時,總是提示錯誤:Can't find Python executable "python", you can set the PYTHON env variable. 在我的電腦上,試了多種辦法都無法消除該錯誤,暫不知原因。重新安裝python是最簡單的解決辦法,但必須下載python.2.7.15版本。

在官網(wǎng)下載python-2.7,選擇 python-2.7.amd64 ,安裝在C:\python27。
環(huán)境變量 -> 系統(tǒng)變量 -> Path 添加 C:\python27;
windows-build-tools自動安裝的python27廢棄不用

d)config 修改npm配置

cnpm config set python C:\python27
cnpm config set msvs_version 2017

查看 npm 配置列表

cnpm config list

查看 npm 全部配置

npm config ls -l

2、node-gyp

常見錯誤 node-pre-gyp ERR! ,是因為 node-gyp 安裝失敗

a)創(chuàng)建文件

錯誤:binding.gyp not found (xxx/xxx/xxx) while trying to load binding.gyp,
因為:未創(chuàng)建 binding.gyp

在服務(wù)器的根目錄(D:\aab\demo),創(chuàng)建文件 binding.gyp,其內(nèi)容為

{
    "targets": [
        {
            "target_name": "binding",
            "sources": [ "src/binding.cc" ]
        }
    ]
}

依據(jù)JSON的 "sources": [ "src/binding.cc" ] 可知,
在根目錄(D:\aab\demo)需要再創(chuàng)建目錄 src,空文件 binding.cc。

b)全局(-g)安裝node-gyp

cnpm install -g node-gyp

c) 配置 configure

輸入配置命令 --python [python.exe所在位置]

node-gyp configure --python=C:\python27

d)node-gyp build

cmd.exe打開服務(wù)器根目錄

d:
cd aab/demo

然后

node-gyp build

e)GTK

來源:Windows下Node.js安裝Canvas插件
https://blog.csdn.net/weixin_34246551/article/details/91920233
直接下載GTK
http://ftp.gnome.org/pub/GNOME/binaries/win64/gtk+/2.22/gtk+-bundle_2.22.1-20101229_win64.zip

GTK下載下來的是一個壓縮文件,解壓后,
Then add the bin folder to your PATH. 將bin拷貝到目錄C:\GTK,我是拷貝所有內(nèi)容。
注意:GTK必須放在C盤根目錄即C:\GTK,canvas模塊只會查找目錄C:\GTK,否則出錯。

node-gyp rebuild --GTK_Root=C:\GTK

f)libjpeg-turbo

來源:Windows下Node.js安裝Canvas插件
https://blog.csdn.net/weixin_34246551/article/details/91920233
直接下載libjpeg-turbo
https://sourceforge.net/projects/libjpeg-turbo/files/1.5.2/libjpeg-turbo-1.5.2-vc64.exe/download

libjpeg-turbo下載下來的是一個exe執(zhí)行文件,安裝到C:\libjpeg-turbo,也可安裝到其他目錄。

node-gyp rebuild --jpeg_root=C:\libjpeg-turbo

3、canvas

通過cmd.exe打開服務(wù)器的根目錄輸入命令

cnpm install canvas --save

安裝結(jié)束!

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

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