资讯专栏INFORMATION COLUMN

node.js环境搭建与配置的那些坑

winterdawn / 568人阅读

摘要:然后我们在看看环境变量配置我的系统变量中的以及是安装的根目录而且我没有在系统变量中添加任何的什么的那些鬼玩意。

开始学习vue框架,要求搭建node环境初学者遇到很多的问题,现在知其然也让你知其所以然。来上步骤与截图

安装node
(1)安装node网上很多你们可以参考很多文章,我就不多说,一直下一步就好了,但是我们IT码农都洁癖---不想安装在系统盘C盘路径下。于是我安装到了D:nodejs目录下面,如图:

(2)安装好了之后告诉大家,新版的node已经包含了npm包管理工具了。也就是说你安装node的时候npm也给你安装好了。于是你就 :win+r --> 输入cmd -->回车 在DOS窗口下输入:node -v --->回车;npm -v ---->回车,看到的结果如图:
 

恭喜你筒子,这个界面说明你成功安装了node和npm工具。而且还查看了版本号。
**此处知识点:当你安装node的时候选择的安装路径系统会将其添加到系统path路径中(如何查看自己百度)。因此 “环境变量”--->系统变量-->path  最后是这样子的:

意思就是说,系统中默认的路径中有一个是D:
odejs,在DOS运行命令中会先从这些路径中找起来。**

设置模块与缓存的全局路径
在DOS窗口输入
npm config set prefix "D:nodejsnode_global" -->回车
npm config set cache "D:nodejsnode_cache" -->回车
知识了点:该出必须放在node安装好目录下,因为后面配置环境变量时是从node开始找的(也可以创建在其他地
方,但配置会比较麻烦,就不一一赘述了),这两个是指全局额模块会下载到D:nodejsnode_global目录下
面,缓
存会放在:D:nodejsnode_cache (什么是全局什么是项目模块自己百度太多太全了)。执行命令后你会在
D:nodejs 目录下看到这两货:

是的,执行指令时自己创建了文件夹。点开里面什么都没有。

下载全局模块包进行测试
好了现在下载一个express 和一个require模块包试试看。
win+r --> 输入cmd -->回车 在DOS窗口下输入:
npm install -g express -->回车
npm install -g express-generator -->回车
(新版本将express-generator包从express中分了处理,必须要下载)
npm install -g require -->回车

再打开D:nodejsnode_cache 你会看到乱七八糟的文件夹,好了那是缓存的不管他。

好了现在打开D:nodejsnode_global你会看到有一个名叫node_modules的文件夹和其他的几个东东:

打开

这是你在DOS命令窗口中 express --version 是看不了express的版本的,因为你还没有配置用户的环境变量,即使你在DOS中输入 D:--->回车(进入D盘) cd nodejs -->回车 然后在输入 express --version --> 回车 你也是看不到版本信息的。但是你在DOS命令中输入 node-->回车 require-->回车,你是可以看到require的安装信息的。如图:


但是require并没有 require -v或-V或--version这样的任何指令。所以比在白费力气了。

现在把笔拿出来,要划重点了:全局模块下载之后存在于 D:nodejsnode_global下的node_modules文件夹中,但是可执行文件却在D:nodejsnode_global。这个很重要,说明我们的环境变量(我们的环境变量值用户的变量)时要在要D:nodejsnode_global下面。

配置环境变量
如果之前的DOS窗口打开的请关闭。
我的电脑(计算机)-->系统属性-->高级系统设置-->环境变量-->用户变量-->新建
PATH = D:nodejsnode_global
这时你从新打开DOS窗口 然后 express --version 哈哈哈客官请看:

是的你没有看错成功了,然后你再试试:node-->回车  require-->回车
你还是可以看到require的信息。
然后我们在看看环境变量配置:

(1)、我的系统变量中的path以及是node安装的根目录、而且我没有在系统变量中添加任何的NODE_PATH什么的那些鬼玩意。

![图片上传中...]

(2)、我只是在用户变量中添加了 PATH = 全局模块安装的路径
(3)、特别注意,这里的系统变量中的path不要随便改,而且你新建一个叫PATH的也会把之前的覆盖掉(也就是说这里是不区分大小写)这里的环境变量指下的是你的一些软件以及运行环境的安装路径(比如java的JDK)不要听网上那些S 13说的改系统变量的path =  D:
odejs
ode_cache。如下图的S13 会导致你把path全部修改导致部分软件都无法运行甚至会重装系统:

反思
既然上面说的系统变量里面有D:nodejs所以才会在DOS命令中查看node和npm的版本 如果没有就不行了吗?答案是否定的,现在我把我的系统变量中的node安装路径删除。如图:

然后重新打开DOS node -v 或 npm -v 你会发现是不可运行的命令。但是此时你先到D盘然后cd 到nodejs的安装路径下再试试,如图:

呵呵哒 这不是可以了吗。所以说这个path是指系统默认的指定到某一路径的意思。而且在上途中可以看到也可以查看全局模块express的版本信息哦。(记得最后把你的系统变量的path恢复回去)。

总结
首先第一不要轻易相信网上的胡诌的,总有一些不懂装懂的SB在坑你。
其次,慢慢来 要知其然还要志气所以然
接着,多试几次,因为那些模块包一直在更新要跟进github。时时注意官网说明。
最后,多试几次吧,你会受益匪浅。

PS:这个path的配置有点类似于java的环境变量配置,还有一种方法是在系统变量中新增NODE_PATH = 安装的根目录(D:nodejs)。但这种方法要修改系统的path 还有在 用户变量中也不是这样写的。不建议使用这种方法。记住你唯一要做的就是加一个用户变量 PATH = D:nodejsnode_global 你的全局模块的路径(记住知道global这一层 不到下一层)。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83604.html

相关文章

  • 最小白webpack+react环境搭建

    摘要:接下来安装和,执行命令安装很顺利,没有遇到任何问题。再总结一下我们遇到的坑初始化时的项目名称要合规,特别是不能出现中划线下划线。另外再增加,这样刷新的速度会大大加快最终的文件目录结构为各文件的最终内容本文也同步发表在我的公众号“我的天空” 从零开始,用最少的配置、最少的代码、最少的依赖来搭建一个最简单的webpack+react环境。 最近在玩webpack+rea...

    番茄西红柿 评论0 收藏0
  • 前端相关大杂烩

    摘要:希望帮助更多的前端爱好者学习。前端开发者指南作者科迪林黎,由前端大师倾情赞助。翻译最佳实践译者张捷沪江前端开发工程师当你问起有关与时,老司机们首先就会告诉你其实是个没有网络请求功能的库。 前端基础面试题(JS部分) 前端基础面试题(JS部分) 学习 React.js 比你想象的要简单 原文地址:Learning React.js is easier than you think 原文作...

    fuyi501 评论0 收藏0
  • React-Native爬之旅

    摘要:爬坑之旅第一站安装官网安装或我云盘分享官网安装安装或我云盘分享注以下教程只针对平台和的安装比较简单,由于需要配置环境变量故会稍显麻烦列出几篇我安装时的参考文档中文网环境搭建教程以及晴明老师在腾讯课堂的视频教程,以及环境下的环境配置此外我安装 1.Flag 爬坑之旅第一站——安装 jdk官网安装或我云盘分享 Node.js 官网安装 Android Studio 安装或 我云盘分享 ...

    wangbjun 评论0 收藏0
  • 4月份前端资源分享

    摘要:更多资源请文章转自月份前端资源分享关于的思考一款有趣的动画效果跨站资源共享之二最流行的编程语言能做什么到底什么是闭包的第三个参数跨域资源共享详解阮一峰前端要给力之语句在中的值周爱民中国第二届视频花絮编码规范前端工程师手册奇舞周刊被忽视的 更多资源请Star:https://github.com/maidishike... 文章转自:https://github.com/jsfron...

    jsdt 评论0 收藏0
  • 【跳指南】在vps上部署hexo博客那些

    说在前面本地使用macOS,vps系统为debian 8;虽说是跳坑指南,但是这篇文章本意也仅仅自用,总结一下自己遇到的问题和解决方法,仅供参考,如有其他问题请百度(google) 整体思路:本地调试完的hexo项目文件通过git推送给vps,然后直接部署在vps上使用域名来访问,这样一个属于自己的blog就可以完成了 showImg(https://segmentfault.com/img/bV...

    go4it 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<