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继承 Base类的源码解析
Dec 30 Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
Feb 18 Javascript
JavaScript中数据结构与算法(三):链表
Jun 19 Javascript
jQuery实现Tab选项卡切换效果简单演示
Nov 23 Javascript
Sort()函数的多种用法
Mar 20 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
Vue表单验证插件Vue Validator使用方法详解
Apr 07 Javascript
javascript完美实现给定日期返回上月日期的方法
Jun 15 Javascript
js canvas实现红包照片效果
Aug 21 Javascript
浅析微信扫码登录原理(小结)
Oct 29 Javascript
vue使用laydate时间插件的方法
Nov 14 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中eclipse 用空格替换 tab键
2013/06/24 PHP
解析在zend Farmework下如何创立一个FORM表单
2013/06/28 PHP
PHP并发多进程处理利器Gearman使用介绍
2016/05/16 PHP
javascript 系统文件夹文件操作及参数介绍
2013/01/08 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
2014/06/16 Javascript
jQuery中get()方法用法实例
2014/12/27 Javascript
JS判断字符串变量是否含有某个字串的实现方法
2016/06/03 Javascript
ES6学习之变量的解构赋值
2017/02/12 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
JavaScript设计模式---单例模式详解【四种基本形式】
2020/05/16 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
JavaScript实现网页下拉菜单效果
2020/11/20 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
跟老齐学Python之类的细节
2014/10/13 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
python使用正则表达式替换匹配成功的组并输出替换的次数
2017/11/22 Python
Python内置函数——__import__ 的使用方法
2017/11/24 Python
Python面向对象类继承和组合实例分析
2018/05/28 Python
mac安装scrapy并创建项目的实例讲解
2018/06/13 Python
对python制作自己的数据集实例讲解
2018/12/12 Python
使用python将多个excel文件合并到同一个文件的方法
2019/07/09 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
Python读取配置文件(config.ini)以及写入配置文件
2020/04/08 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
python3的pip路径在哪
2020/06/23 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
CSS+jQuery+PHP+MySQL实现的在线答题功能
2015/04/25 HTML / CSS
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
爱尔兰家电数码商城:Currys PC World爱尔兰
2016/07/23 全球购物
2013的个人自我评价
2013/12/26 职场文书
给朋友的道歉信
2014/01/09 职场文书
《晏子使楚》教学反思
2014/02/08 职场文书
材料成型及控制工程专业求职信
2014/06/19 职场文书
z-index不起作用
2021/03/31 HTML / CSS