想要栽种Hexo这朵静态博客的繁花,必先悉心培育Node.js这方土壤。本篇手记详述了从获取种苗(下载)、择地而植(安装),到修渠引水(环境变量配置)的全过程。三分诗意留给想象,七分严谨付诸实践,愿你的博客花开满枝。
一、进入官网地址下载安装包
安装最近包兼容性方面要好些,这里我选择的是[Windows系统]、64位

Tips:如果想下载指定版本,点击【以往的版本】,即可选择自己想要的版本下载


二、安装程序
(1)下载完成后,双击安装包,开始[安装Node.js]

(2)直接点【Next】按钮,此处可根据个人需求修改安装路径,修改完毕后继续点击【Next】按钮


(3)可根据自身需求进行,此处我选择默认安装,继续点击【Next】按钮

(4)不选中,直接点击【Next】按钮

Tip:这是Node.js官方安装程序的推荐选项(默认已勾选),自动安装编译原生模块所需的完整工具链(Python、Visual Studio构建工具),避免后续开发中遇到”node-gyp”编译错误的问题。特别适合需要安装带有C++扩展的npm包(如bcrypt、sqlite3等)。因为我的系统已经您的系统已经安装了完整的Visual Studio和Python开发环境,所以没选这个。
(5)点击【Install】按钮进行安装

(6)安装完毕,点击【Finish】按钮

(7)测试安装是否成功,按下【win+R】键,输入cmd,打开cmd窗口
node -v // 显示node.js版本
npm -v // 显示npm版本

成功显示版本说明安装成功
三、环境配置
(1)找到安装的目录,在安装目录下新建两个文件夹【node_global】和【node_cache】

(2)创建完毕后,使用管理员身份打开cmd命令窗口(打开方法见下方Tips),输入
①npm config set prefix “你的路径\node_global” (复制你刚刚创建的“node_global”文件夹路径)
npm config set prefix "E:\Program Files\nodejs\node_global"
②npm config set cache “你的路径\node_cache” (复制你刚刚创建的“node_cache”文件夹路径)
npm config set cache "E:\Program Files\nodejs\node_cache"

Tips: 使用管理员身份运行cmd的方法 :点击左下角【开始】菜单,在搜索区域输入“命令提示符”,然后点击【以管理员身份运行】

或单击鼠标右键选择【以管理员身份运行】
(3)配置环境变量
①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】

② 在【系统变量】中点击【新建】

变量名:NODE_PATH
变量值:E:\Program Files\nodejs\nodejs\node_global\node_modules

然后你就会发现【node_global】里多出了一个【node_modules】文件夹,Tips: 如果输入变量值之后没有自动创建【】文件夹,就在【node_global】下手动创建一个【node_modules】文件夹,再复制你创建的【node_modules】文件夹的路径地址到变量值

③编辑【用户变量】中的【Path】

④将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击确定


⑤在【系统变量】中选择【Path】点击【编辑】添加【%NODE_PATH%】,随后一直点击【确定】



接下来是安装HEXOLeePoet实操快速上手:Hexo静态博客搭建全攻略

发表回复