第四篇:安装Nodejs---从0基础搭建Hexo博客

Node.js安装及配置环境

什么是NodeJs

Node.js 是一个开源和跨平台的 JavaScript 运行时环境。Node.js 在浏览器之外运行 V8 JavaScript 引擎(Google Chrome 的内核),

借助npm大量的库

npm 以其简单的结构帮助 Node.js 生态系统蓬勃发展,现在 npm 仓库托管了超过 1,000,000 个开源包,你可以自由使用。

Hexo是依赖于NodeJs上的一个博客框架,Hexo 通过NodeJs渲染将Markdown转化成HTML文件,这样我们就可以直接将这些HTML文件推送到GitHub pages 上来托管我们的静态博客。

NodeJs安装

安装路径

建议修改安装路径,避免装在C盘,之后的包文件占用内存较大,可以新建一个文件夹来存放NodeJs的安装文件,我这里安装在C:\app\nodejs

NodeJs安装路径

查看版本号

安装完之后打开cmd,输入node -vnpm -v

查看NodeJs和npm是否正常

修改npm包存储位置

如果不设置的话,安装模块是默认在C盘的,会占用C盘空间,我这边把安装路径修改一下,建议你也改一下。

nodejs下创建两个目录ndoe_cachenode_global

创建目录

赋予权限

给node_cache文件夹赋予权限

选择node_cache右击打开属性,把权限下的“完全控制”选上

打开属性

给node_global文件夹也赋予权限

同理,选择node_global右击打开属性,把权限下的“完全控制”也选上

允许所有权限

设置包和缓存的存储位置

复制node_globalnode_cache的路径

复制路径

打开bash

任意位置右键打开git bash here,设置包的全局安装和缓存路径,后面的路径分别分包的全局安装路径和包缓存的路径,你可根据自己的node_global、node_global文件夹路径设置。

1
2
npm config set prefix "C:\app\nodejs\node_global"
npm config set cache "C:\app\nodejs\node_global"

设置缓存和全局包路径

打开环境变量

系统属性

设置完路径之后,我们还要去系统环境变量修改一下

打开桌面—>此电脑—>属性—>高级系统设置—>环境变量

此电脑右键属性

打开高级系统设置

高级系统设置

如果你没找到以上方法的环境变量,可以使用以下方法:

win + S ,搜索环境变量,打开编辑系统环境变量

打开环境变量

打开环境变量

新建环境变量

在系统变量中新建一个变量,名为NODE_PATH,值为C:\app\nodejs\node_global\node_modules

新建环境变量

赋予值

  • 变量名:NODE_PATH
  • 变量值:C:\app\nodejs\\node_global\node_modules

在路径后面新建两个子文件夹\node_global\node_modules

添加路径为全局包的路径

编辑Path变量

然后编辑上方的用户变量的Path,编辑修改为C:\app\nodejs\node_global,这路径是你安装NodeJs安装下的目录。

修改Path路径

编辑npm下载路径

修改后的路径是你nodejs安装路径下的node_global

修改npm后的路径

全部变量修改结果,如下图

修改完后完整路径

测试环境变量是否成功

然后打开cmd测试一下路径设置和环境变量有没有设置正确,如果没有设置正确的话,在node_global是看不到有webpack文件夹的

安装过程

查看结果

出现以下路径说明安装成功了node_global--->node_modules--->webpack

出现webpack说明成功了

NodeJS到这里基本就配置完成了