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 相关文章推荐
js跨域问题之跨域iframe自适应大小实现代码
Jul 17 Javascript
jquery中对表单的基本操作代码
Jul 29 Javascript
Bootstrap每天必学之导航条
Nov 27 Javascript
基于jQuery ligerUI实现分页样式
Sep 18 Javascript
认识less和webstrom的less配置方法
Aug 02 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
Aug 25 Javascript
Angular4开发解决跨域问题详解
Aug 28 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
JavaScript正则表达式函数总结(常用)
Feb 22 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
简单了解JavaScript arguement原理及作用
May 28 Javascript
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 Vue.js
老生常谈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多进程应用场景实例详解
2019/07/22 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
JavaScript 动态改变图片大小
2009/06/11 Javascript
jQuery 常见开发使用技巧总结
2009/12/26 Javascript
jquery 表格分页等操作实现代码(pagedown,pageup)
2010/04/11 Javascript
关于全局变量和局部变量的那些事
2013/01/11 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
JavaScript实现twitter puddles算法实例
2014/12/06 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
2017/05/28 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
详谈commonjs模块与es6模块的区别
2017/10/18 Javascript
Webpack之tree-starking 解析
2018/09/11 Javascript
玩转Koa之koa-router原理解析
2018/12/29 Javascript
利用JS如何获取form表单数据
2019/12/19 Javascript
js实现表格数据搜索
2020/08/09 Javascript
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
python通过pil将图片转换成黑白效果的方法
2015/03/16 Python
处理Python中的URLError异常的方法
2015/04/30 Python
python实现bucket排序算法实例分析
2015/05/04 Python
Python实现将一个大文件按段落分隔为多个小文件的简单操作方法
2017/04/17 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
Python中单、双下划线的区别总结
2017/12/01 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
PyTorch搭建多项式回归模型(三)
2019/05/22 Python
opencv 图像加法与图像融合的实现代码
2020/07/08 Python
Gibson London官网:以地道的英国男装而著称
2019/12/06 全球购物
Ibatis的核心配置文件都有什么
2014/09/08 面试题
会计找工作求职信范文
2013/12/09 职场文书
冰淇淋店的创业计划书
2014/02/07 职场文书
恶魔之树最顶端的三颗果实 震震果实上榜,第一可以制造岩浆
2022/03/18 日漫
Go结合Gin导出Mysql数据到Excel表格
2022/08/05 Golang