NodeJS 在 Windows 10 上的安装及配置

一.NodeJS下载及安装:

下载地址:Node JS

LTS(Long Term Support)代表长期支持版本,一般新手建议使用这个版本,因为这个版本使用的人最多,出问题能找到解决方案的概率较大。

1.安装

下载完成后双击下载好的可执行文件开始安装,点击next进入下一步,勾选同意协议,继续下一步。然后选择安装的位置,默认是在C盘,改成D盘安装,这是个好习惯,建议保持。然后进入模块配置步骤。

2.环境变量

删除用户变量中所有与NPM和NODEJS有关的配置,在系统环境变量中新建系统变量如下:

变量名变量值
NODE_PATHD:\SoftWare\nodejs
NODE_MODULES_PATHD:\NodeModules\node_global

我的nodejs的安装目录是D:\SoftWare\nodejs;然后在系统的PATH后面把刚才我们配置的环境变量加上!

;%NODE_PATH%;%NODE_MODULES_PATH%

3.检查

安装完毕后点击finish结束安装进程,然后Windows图标键+R。输入cmd后敲回车,在打开的命令行界面,依次输入命令:

node -v
npm -v

如果正确输出版本号,说明我们的NodeJS和NPM就安装好了!没有输出的话就仔细检查一下!

4.配置

npm的模块默认安装目录在C盘的用户目录下,随着你测试开发各种不同的项目,安装的模块越来越多,那么这个文件夹的体积会越来越大,直到占满你的C盘。所以需要修改NPM的缓存目录和全局目录路径;

在D盘根目录新建夹NodeModule ,然后打开刚才新建的文件夹,继续新建目录node_global和node_cache;打开命令行窗口,分别输入如下命令:

npm config set prefix "D:\NodeModules\node_global"
npm config set cache "D:\NodeModules\node_cache"

5.安装yarn

 npm install --global yarn
 # 查看yarn的命令目录
 yarn global bin
 # 查看yarn的全局安装目录
 yarn global dir
 # 注意:如果发现命令目录与安装目录的位置并不一致,建议修改 yarn的全局命令目录与安装目录位置
 yarn config set global-folder "D:\NodeModules\node_global"
 yarn config set cache-folder "D:\NodeModules\node_cache"

6.安装CNPM

建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

npm install --registry=https://registry.npm.taobao.org
# 或者使用yarn
yarn

由于npm的镜像是国外的,为了加快下载速度,可以通过国内淘宝镜像来下载,所以采用cnpm,当然也可以不采用cnpm,直接把镜像指向淘宝镜像,接下来我说下这两种方式:

  • 直接指定registry为淘宝镜像

npm config set registry https://registry.npm.taobao.org
然后若需要安装gulp和less,可以直接用npm install gulp less --save-dev,就是从taobao镜像拿包了,解决 npm 下载速度慢的问题;推荐使用此方式,建议不要用 cnpm 安装 ,不然会有各种诡异的bug!

  • 安装cnpm

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

输入上述命令即可安装,另外要注意的是,安装完后,输入cnpm -v进行检测。

7.npm命令

  • 使用npm安装插件:
npm install <name> [-g] [--save-dev]
  • 使用npm卸载插件:
npm uninstall <name> [-g] [--save-dev]

PS:不要直接删除本地插件包

  • 使用npm更新插件:
npm update <name> [-g] [--save-dev]
  • 更新全部插件:
npm update [--save-dev] 
  • 查看npm帮助:
npm help
  • 查看当前目录已安装插件:
npm list

注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。

8.解释

  • :Node插件名称;

  • [-g]:全局安装;将会安装在C:\Users\Administrator\AppData\Roaming\npm,并且写入系统环境变量,若操作了第4步配置操作,此处将在你自定义配置的node_global目录下;

非全局安装:将会安装在当前定位目录; 全局安装可以通过命令行在任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过require()调用;

  • –save:将保存配置信息至package.json(package.json是nodejs项目配置文件);

  • -dev:保存至package.json的devDependencies节点,不指定-dev将保存至dependencies节点;

因为node插件包相对来说非常庞大,所以不加入版本管理,将配置信息写入package.json并将其加入版本管理,其他开发者对应下载即可,所以需保存至package.json中(命令提示符执行npm install,则会根据package.json下载所有需要的包)。

9.比较实用的一些插件和命令

删除本地node_module的命令

#安装
npm install rimraf -g
#执行
rimraf node_modules
  • 自动重启NodeJs后台服务器的命令:
#安装
npm install -g nodemon
#执行
nodemon server.js    

这样将NodeJs开发服务器,服务器后端可以根据代码的更改自动重启NodeJs服务器,执行node server.js;

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值