node.js环境搭建图文详解


Posted in Javascript onSeptember 19, 2018

身为一名Java开发者对前端充满无限的好奇,于是开始踏入前端的领地。要想先学习,搭建环境是必备,所以整理一篇node.js环境搭建教程。

Node.js 是一个让 JavaScript 运行在服务端的开发平台

官网https://nodejs.org

下载

下载地址https://nodejs.org/en/download/

node.js环境搭建图文详解

本次下载LTS长期支持版,.zip解压版本(当然也可以使用安装版.msi),点击右侧[64-bit]即可下载.

解压

解压到自己所要存放的文件夹中,如图:
node.js环境搭建图文详解

解压完成后会有node-v8.12.0-win-x64文件夹

配置环境变量

[我的电脑]-右键->[属性]-左侧->[高级系统设置]-下侧->[环境变量]

图示:

node.js环境搭建图文详解
node.js环境搭建图文详解
node.js环境搭建图文详解
node.js环境搭建图文详解

想要在cmd黑窗口中使用node命令,需要在path中加入node安装路径,点击编辑按钮,新增node安装路径。
以下是win10的界面,点击编辑文本按钮即可切换至和win7一样的界面。

node.js环境搭建图文详解
node.js环境搭建图文详解

D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安装目录,请换成自己的目录!!!!!!

或者 在编辑框中加上,对应自己的node路径

;D:\aqqaz\dev\Java\jdk1.8.0_181\bin;
这样node.js基本环境就配置完成

测试node环境

快捷键win+R,输入cmd,点击确定按钮

node.js环境搭建图文详解
node.js环境搭建图文详解

输入node -v

返回node版本

输入npm -v

返回npm版本

表示环境变量配置成功

此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西.

配置环境变量(npm)

此处主要配置的是npm安装的全局模块所在的路径和缓存cache的路径,因为在以后使用node.js的时候会经常使用nmp命令来下载包,比如npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间.

在安装node的目录下,node-v8.12.0-win-x64下新建文件夹node_cache和node_global

node_cache存放缓存,node_global下载的包

如图

node.js环境搭建图文详解

然后,在node中设置,win+R 运行cmd,进入黑窗口。

输入

npm config set prefix "D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global"

回车

npm config set cache "D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_cache"

D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安装目录,请换成自己的目录!!!!!!

node.js环境搭建图文详解

在环境变量中新建,添加变量名【NODE_PATH】,变量值【D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global\node_modules】,确定
D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安装目录,请换成自己的目录!!!!!!

node.js环境搭建图文详解

在【Path】中新增D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global

node.js环境搭建图文详解

更换淘宝镜像

使用nmp下载包的时候,很多包都是国外的,所以配置镜像会比较快,

查看当前使用的镜像地址,在黑窗口输入npm get registry

返回> https://registry.npmjs.org/

更换成阿里的镜像,在黑窗口输入npm config set registry http://registry.npm.taobao.org/

如图

node.js环境搭建图文详解

测试

安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,

输入如下命令进行模块的全局安装:

npm install express -g # -g是全局安装的意思

node.js环境搭建图文详解

安装成功

D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global\node_modules目录下会出现express文件夹

node.js环境搭建图文详解

总结

以上所述是小编给大家介绍的node.js环境搭建图文详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
YUI 读码日记之 YAHOO.lang.is*
Mar 22 Javascript
ExtJS 2.0实用简明教程 之获得ExtJS
Apr 29 Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
Oct 26 Javascript
回车直接实现点击某按钮的效果即触发单击事件
Feb 27 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
JS实现仿苹果底部任务栏菜单效果代码
Aug 28 Javascript
javascript cookie的简单应用
Feb 24 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
Aug 11 Javascript
详解javascript事件绑定使用方法
Oct 20 Javascript
工厂模式在JS中的实践
Jan 18 Javascript
javascript观察者模式实现自动刷新效果
Sep 05 Javascript
JS实现的简单标签点击切换功能示例
Sep 21 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
Sep 19 #Javascript
vue生命周期和react生命周期对比【推荐】
Sep 19 #Javascript
Vue瀑布流插件的使用示例
Sep 19 #Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 #Javascript
解决vuecli3.0热更新失效的问题
Sep 19 #Javascript
记一次webapck4 配置文件无效的解决历程
Sep 19 #Javascript
解决vue热替换失效的根本原因
Sep 19 #Javascript
You might like
PHP 字符串 小常识
2009/06/05 PHP
PHP 变量的定义方法
2010/01/26 PHP
PHP中foreach循环中使用引用要注意的地方
2011/01/02 PHP
关于php正则匹配汉字的方法介绍
2013/04/25 PHP
php调用google接口生成二维码示例
2014/04/28 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
php+redis实现消息队列功能示例
2019/09/19 PHP
PHP sdk文档处理常用代码示例解析
2020/12/09 PHP
jquery 学习笔记 传智博客佟老师附详细注释
2020/09/12 Javascript
JavaScript 保存数组到Cookie的代码
2010/04/14 Javascript
更优雅的事件触发兼容
2011/10/24 Javascript
js实现倒计时时钟的示例代码
2013/12/17 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
2015/12/03 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
2016/08/02 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
pageGroup.js实现分页功能
2019/07/27 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
2019/09/04 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
2020/09/08 Javascript
vue 二维码长按保存和复制内容操作
2020/09/22 Javascript
Javascript文本框脚本实现方法解析
2020/10/30 Javascript
Python中的魔法方法深入理解
2014/07/09 Python
使用Python生成url短链接的方法
2015/05/04 Python
python使用xlrd与xlwt对excel的读写和格式设定
2017/01/21 Python
python+requests+unittest API接口测试实例(详解)
2017/06/10 Python
对dataframe进行列相加,行相加的实例
2018/06/08 Python
python 修改本地网络配置的方法
2019/08/14 Python
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
成人大专自我鉴定范文
2013/10/19 职场文书
资产评估专业学生的自我鉴定
2013/11/14 职场文书
党员年终个人总结
2015/02/14 职场文书
Pytorch DataLoader shuffle验证方式
2021/06/02 Python
Python实现文字pdf转换图片pdf效果
2022/04/03 Python
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技