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基础学习资料
Nov 23 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
javascript ready和load事件的区别示例介绍
Aug 30 Javascript
jquery增加时编辑jqGrid(实例代码)
Nov 08 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
Dec 02 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
May 10 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
js仿微博动态栏功能
Feb 22 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
Apr 23 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
Mar 20 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 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语法自动检查的Vim插件
2014/08/11 PHP
WordPress迁移时一些常见问题的解决方法整理
2015/11/24 PHP
PHP微信开发之微信消息自动回复下所遇到的坑
2016/05/09 PHP
jquery实现table鼠标经过变色代码
2013/09/25 Javascript
探讨js中的双感叹号判断
2013/11/11 Javascript
JS 去除Array中的null值示例代码
2013/11/20 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
2015/12/10 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
2016/04/29 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
Angular中$state.go页面跳转并传递参数的方法
2017/05/09 Javascript
使用微信小程序开发弹出框应用实例详解
2018/10/18 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
2019/06/03 Javascript
js简单的分页器插件代码实例
2019/09/11 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
python的paramiko模块实现远程控制和传输示例
2017/10/13 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
pandas的qcut()方法详解
2019/07/06 Python
如何用Python绘制3D柱形图
2020/09/16 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
美国电子产品主要品牌的授权在线零售商:DataVision
2019/03/23 全球购物
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
什么是Smart Navigation?
2016/07/03 面试题
构造方法和其他方法的区别
2016/04/26 面试题
书法大赛策划方案
2014/06/04 职场文书
学习党章的体会
2014/11/07 职场文书
2014年副班长工作总结
2014/12/10 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
社会实践活动总结格式
2015/05/11 职场文书
表彰大会新闻稿
2015/07/17 职场文书
党性修养心得体会2016
2016/01/21 职场文书
离婚协议书格式范本
2016/03/18 职场文书
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
Win10玩csgo闪退如何解决?Win10玩csgo闪退的解决方法
2022/07/23 数码科技