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 相关文章推荐
javascript数字数组去重复项的实现代码
Dec 30 Javascript
jquery中防刷IP流量软件影响统计的一点对策
Jul 10 Javascript
纯文字版返回顶端的js代码
Aug 01 Javascript
javascript中不等于的代码是什么怎么写
Dec 29 Javascript
输入框过滤非数字的js代码
Sep 18 Javascript
jquery实现无刷新验证码的简单实例
May 19 Javascript
底部悬浮通栏可以关闭广告位的实现方法
Jun 01 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
React + webpack 环境配置的方法步骤
Sep 07 Javascript
Vue指令指令大全
Feb 09 Javascript
了解javascript中变量及函数的提升
May 27 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文件锁函数flock()详细介绍
2014/11/18 PHP
PHP也能干大事 随机函数
2015/04/14 PHP
php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
arguments对象
2006/11/20 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
url参数中有+、空格、=、%、&、#等特殊符号的问题解决
2013/05/15 Javascript
JS的document.all函数使用示例
2013/12/30 Javascript
三种检测iPhone/iPad设备方向的方法
2014/04/23 Javascript
js中substring和substr的定义和用法
2014/05/05 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
2015/05/06 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
2015/08/04 Javascript
jQuery动画效果实现图片无缝连续滚动
2016/01/12 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
2016/01/26 Javascript
JavaScript中instanceof运算符的使用示例
2016/06/08 Javascript
微信小程序侧边栏滑动特效(左右滑动)
2017/01/23 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
Node.js Buffer用法解读
2018/05/18 Javascript
仿ElementUI实现一个Form表单的实现代码
2019/04/23 Javascript
vue实现前台列表数据过滤搜索、分页效果
2019/05/28 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
2019/07/20 Javascript
nuxt 实现在其它js文件中使用store的方式
2020/11/05 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python中threading模块join函数用法实例分析
2015/06/04 Python
python比较两个列表是否相等的方法
2015/07/28 Python
Python的Django中将文件上传至七牛云存储的代码分享
2016/06/03 Python
shelve  用来持久化任意的Python对象实例代码
2016/10/12 Python
python之生成多层json结构的实现
2020/02/27 Python
Python with语句用法原理详解
2020/07/03 Python
python代码能做成软件吗
2020/07/24 Python
美国在线工具商店:Acme Tools
2018/06/26 全球购物
安全生产活动月方案
2014/03/09 职场文书
应急管理工作总结2015
2015/05/04 职场文书
nginx反向代理配置去除前缀案例教程
2021/07/26 Servers