乐趣区

关于node.js:Nodejs安装及环境配置

1、下载安装

点击这里下载

依据本人电脑系统及位数抉择,我这里抉择 windows64 位.msi 格局安装包

.msi.zip 格局区别:

  • .msi是 Windows installer 开发进去的程序安装文件,它能够让你装置,批改,卸载你所装置的程序。说白了.msi 就是 Windows installer 的数据包,把所有和安装文件相干的内容封装在一个包里。
  • .zip是一个压缩包,解压之后即可,不须要装置

下载实现后,双击安装包,开始装置,始终点 next 即可,装置门路默认在 C:Program Files 下,也能够自定义批改

npm package manager示意 npm 包管理器

online documentation shortcuts 在线文档快捷方式

Add to PATH增加 node 装置门路到环境变量

装置实现如图所示,这里我批改了 node 的装置门路C:node

在这里插入图片形容

装置实现后,.msi格局的安装包曾经将 node.exe 增加到零碎环境变量 path 中, 如果你下载的是 .zip 格局,因为没有装置过程,所以须要手动将 node.exe 所在目录增加到环境变量 path 中,查看零碎变量验证

image.png

既然曾经将 node 增加到全局零碎变量,咱们能够间接在 CMD 窗口中任意地位执行 node,关上 CMD 窗口,执行命令node -v 查看 node 版本

v14.7.0 

最新版的 node 在装置时同时也装置了 npm, 执行npm -v 查看 npm 版本

6.14.7 

2、批改全局依赖包下载门路

默认状况下,咱们在执行 npm install -g XXXX 下载全局包时,这个包的默认寄存门路位 C:Users 用户名 AppDataRoamingnpmnode_modules 下,能够通过CMD 指令 npm root -g 查看

C:UsersliaijieAppDataRoamingnpmnode_modules 

然而有时候咱们不想让全局包放在这里,咱们能够自定义寄存目录, 在 CMD 窗口执行以下两条命令批改默认门路:

npm config set prefix "C:nodenode_global" 
npm config set cache "C:nodenode_cache" 

或者关上 c:nodenode_modulesnpm.npmrc 文件,批改如下:

prefix =C:nodenode_global
cache = C:nodenode_cache

以上操作示意,批改全局包下载目录为 C:nodenode_global, 缓存目录为C:nodenode_cache, 并会主动创立node_global 目录,而 node_cache 目录是缓存目录,会在你下载全局包时主动创立

3、配置环境变量

因为咱们批改了全局包的下载门路,那么自然而然,咱们下载的全局包就会寄存在 c:nodenode_globalnode_modules,而其对应的cmd 指令会寄存在c:nodenode_global

我全局装置一个 vue-cli 脚手架

npm install @vue/cli -g 

装置实现后:

我应用 CMD 命令 vue create myproject 指令创立一个我的项目,显示如下

'vue' 不是外部或外部命令,也不是可运行的程序
或批处理文件。

这是因为咱们在执行指令时,它会默认在 node 装置根目录下查找指令文件,在这里就是 vue.cmd, 而后还会在node 装置根目录下的 node_modules 下查找依赖包文件夹,在这里就是 @vue 文件夹,因为咱们批改了全局包的寄存门路,所以天然找不到了,所以咱们须要把咱们指定的全局包寄存门路增加到零碎环境变量,这样就能够找到了

再次测试:

C:Usersliaijie>vue create myproject
?  Your connection to the default npm registry seems to be slow.
   Use https://registry.npm.taobao.org for faster installation? (Y/n) 

OK, 功败垂成!!!!!

退出移动版