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

更新window自帶的 PowerShell
查看 PowerShell 版本校翔,打開 PowerShell 輸入 $PSVersionTable.PSVersion 查看命令的結(jié)果弟跑,其中"Major"既是當(dāng)前已安裝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 安裝目錄、模塊目錄蔫敲、緩存目錄等均用程序默認(rèn)的饲嗽,剛學(xué)習(xí)使用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的詳細(xì)步驟
https://www.cnblogs.com/luciolu/p/11993802.html
來源:Windows下NodeJS環(huán)境搭建
http://www.reibang.com/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默認(rèn)的模塊安裝目錄和緩存目錄
模塊目錄 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模塊到當(dāng)前命令行所在目錄闽瓢;
【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 守護(hù)進(jìn)程橡娄,可讓express一直運行、實時更新癣籽、調(diào)試nodejs

來源:PM2實用入門指南
https://www.cnblogs.com/chyingp/p/pm2-documentation.html
來源:pm2調(diào)試
http://www.reibang.com/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。現(xiàn)在可以筷狼,換成pm2瓶籽。注意,這里用了--watch參數(shù)埂材,意味著當(dāng)你的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)無限向上滑動的字符,只能強(qiáng)制關(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)系作者
  • 序言:七十年代末饼酿,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子胚膊,更是在濱河造成了極大的恐慌故俐,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件紊婉,死亡現(xiàn)場離奇詭異药版,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)喻犁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進(jìn)店門槽片,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人肢础,你說我怎么就攤上這事还栓。” “怎么了传轰?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵剩盒,是天一觀的道長。 經(jīng)常有香客問我慨蛙,道長辽聊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任股淡,我火速辦了婚禮身隐,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘唯灵。我一直安慰自己贾铝,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著垢揩,像睡著了一般玖绿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上叁巨,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天斑匪,我揣著相機(jī)與錄音,去河邊找鬼锋勺。 笑死蚀瘸,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的庶橱。 我是一名探鬼主播贮勃,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼苏章!你這毒婦竟也來了寂嘉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤枫绅,失蹤者是張志新(化名)和其女友劉穎泉孩,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體并淋,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡寓搬,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了预伺。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片订咸。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡曼尊,死狀恐怖酬诀,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情骆撇,我是刑警寧澤瞒御,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站神郊,受9級特大地震影響肴裙,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜涌乳,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一蜻懦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧夕晓,春花似錦宛乃、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽析既。三九已至,卻和暖如春谆奥,著一層夾襖步出監(jiān)牢的瞬間眼坏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工酸些, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留宰译,地道東北人。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓魄懂,卻偏偏與公主長得像囤屹,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子逢渔,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,877評論 2 345