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中常见的校验如域名、手机、邮箱等等
Jan 02 Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 Javascript
jquery实现的简单二级菜单效果代码
Sep 22 Javascript
JavaScript File分段上传
Mar 10 Javascript
AngularJS ng-bind 指令简单实现
Jul 30 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 jQuery
关于vue的npm run dev和npm run build的区别介绍
Jan 14 Javascript
怎样在vue项目下添加ESLint的方法
May 16 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 Javascript
浅谈webpack和webpack-cli模块源码分析
Jan 19 Javascript
js对象简介与基本用法示例
Mar 13 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
PHP4实际应用经验篇(6)
2006/10/09 PHP
PHP无限分类(树形类)
2013/09/28 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
jquery实现页面图片等比例放大缩小功能
2014/02/12 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
2015/12/03 Javascript
js倒计时简单实现方法
2015/12/17 Javascript
javascript多物体运动实现方法分析
2016/01/08 Javascript
Bootstrap每天必学之轮播(Carousel)插件
2016/04/25 Javascript
浅谈$('div a') 与$('div>a')的区别
2016/07/18 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
nodejs开发微信小程序实现密码加密
2017/07/11 NodeJs
浅谈vue的踩坑路
2017/08/31 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
2018/08/24 Javascript
详解Vue中watch的详细用法
2018/11/28 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
原生js实现随机点名
2020/07/05 Javascript
vue实现购物车的小练习
2020/12/21 Vue.js
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
Python语言描述最大连续子序列和
2017/12/05 Python
python import 上级目录的导入
2020/11/03 Python
德国PC硬件网站:CASEKING
2016/10/20 全球购物
美国环保婴儿用品公司:The Honest Company
2017/11/23 全球购物
自我评价怎么写正确呢?
2013/12/02 职场文书
2014庆六一活动方案
2014/03/02 职场文书
对照检查剖析材料
2014/09/30 职场文书
律师授权委托书范本
2014/10/07 职场文书
先进个人推荐材料
2014/12/29 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
浅谈怎么给Python添加类型标注
2021/06/08 Python
如何用Python搭建gRPC服务
2021/06/30 Python
深入浅出讲解Java8函数式编程
2022/01/18 Java/Android