window7搭建服务器nodejs+express+cnpm+pm2+cancas+node-gyp+windows-build-tools

更新window自带的 PowerShell
查看 PowerShell 版本,打开 PowerShell 输入 $PSVersionTable.PSVersion 查看命令的结果,其中"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 安装目录、模块目录、缓存目录等均用程序默认的,刚学习使用nodejis,还是稳妥点。

一、nodejs、cnpm

1、打开官网下载: https://nodejs.org/en/download/ 64位下载node-v6.9.2-x64.msi

来源:Node.js安装及环境配置之Windows篇
https://www.cnblogs.com/zhouyu2017/p/6485265.html
来源:Windwos安装Node.js和npm的详细步骤
https://www.cnblogs.com/luciolu/p/11993802.html
来源:Windows下NodeJS环境搭建
https://www.jianshu.com/p/5f53a4f9e0c6
来源:windows系统下nodejs安装、环境配置及删除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分钟 一次以保证尽量与官方服务同步。)

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

二、express

原文:nodejs+express搭建服务器 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 文件夹下创建demo项目

express demo

然后
打开项目:cd demo
安装:cnpm install
启动项目:cnpm start
如果 cnpm start 过程中 会报错,提示找不到相应的模块,则依据相应提示安装模块
启动项目后,浏览器输入 http://localhost:3000 可看到 Welcome to Express 内容页面

快捷键:Ctrl+C两次则提示是否终止操作(^C终止批处理操作吗(Y/N)?)

三、pm2 守护进程,可让express一直运行、实时更新、调试nodejs

来源:PM2实用入门指南
https://www.cnblogs.com/chyingp/p/pm2-documentation.html
来源:pm2调试
https://www.jianshu.com/p/4bc15a4db65a
来源:PM2 部署 nodejs 项目
https://www.cnblogs.com/hai-cheng/p/8690115.html
来源:pm2使用心得
https://gitee.com/hjm100/codes/n4qks83ofdrtbpac7wgmy39
来源:使用pm2部署node生产环境
https://segmentfault.com/a/1190000018439311

全局安装-g

cnpm install -g pm2

一般我们都是通过npm start启动应用,其实就是调用node ./bin/www。现在可以,换成pm2。注意,这里用了--watch参数,意味着当你的express应用代码发生变化时,pm2会帮你重启服务,多贴心。

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】,在安装成功的界面无需安装任何软件,直接关闭退出。

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)执行b)步骤,cnpm install --global --production windows-build-tools,在cmd.exe界面会出现一直出现无限向上滑动的字符,只能强制关闭cmd.exe或Ctrl+C退出。如果先执行a)再执行b)就不会出现无限滑动的字符。

c)python-2.7

直接下载 python-2.7.amd64.msi
https://www.python.org/ftp/python/2.7/python-2.7.amd64.msi
官网下载python27
https://www.python.org/downloads/release/python-2715/
来源:Win 10安装Python及环境变量配置
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版本。

在官网下载python-2.7,选择 python-2.7.amd64 ,安装在C:\python27。
环境变量 -> 系统变量 -> 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)创建文件

错误:binding.gyp not found (xxx/xxx/xxx) while trying to load binding.gyp,
因为:未创建 binding.gyp

在服务器的根目录(D:\aab\demo),创建文件 binding.gyp,其内容为

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

依据JSON的 "sources": [ "src/binding.cc" ] 可知,
在根目录(D:\aab\demo)需要再创建目录 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打开服务器根目录

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,我是拷贝所有内容。
注意: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执行文件,安装到C:\libjpeg-turbo,也可安装到其他目录。

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

3、canvas

通过cmd.exe打开服务器的根目录输入命令

cnpm install canvas --save

安装结束!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270