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

in 编程
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

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

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

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

clipboard.png

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

clipboard.png

意思就是说,系统中默认的路径中有一个是D:\nodejs,在DOS运行命令中会先从这些路径中找起来。**
  1. 设置模块与缓存的全局路径
    在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 目录下看到这两货:
    clipboard.png
    是的,执行指令时自己创建了文件夹。点开里面什么都没有。

  2. 下载全局模块包进行测试
    好了现在下载一个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的文件夹和其他的几个东东:

    打开clipboard.png

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

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

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

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

    clipboard.png

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

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

![图片上传中...]

(2)、我只是在用户变量中添加了 PATH = 全局模块安装的路径
(3)、特别注意,这里的系统变量中的path不要随便改,而且你新建一个叫PATH的也会把之前的覆盖掉(也就是说这里是不区分大小写)这里的环境变量指下的是你的一些软件以及运行环境的安装路径(比如java的JDK)不要听网上那些S 13说的改系统变量的path =  D:\nodejs\node_cache。如下图的S13 会导致你把path全部修改导致部分软件都无法运行甚至会重装系统:
  1. 反思
    既然上面说的系统变量里面有D:nodejs所以才会在DOS命令中查看node和npm的版本 如果没有就不行了吗?答案是否定的,现在我把我的系统变量中的node安装路径删除。如图:

clipboard.png

clipboard.png

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

clipboard.png

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

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

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

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看