Node的下载和环境配置

160 阅读2分钟

1. Node.js和npm简单介绍

Node.js 就是运行在服务端的 JavaScript,Node.js 的包管理器 npm,是全球最大的开源库生态系统。相当于软件管家,搜索、下载和删除包。

npm和maven、gradle十分相似。但是maven与gradle是用来管理Java jar包的,而npm是用来管理js的

2.Node.js的安装

Node的官方下载地址:nodejs.cn/download/

一般是选择msi安装包下载好就能直接使用

当node下载完成后,我们可以在本地终端查看nodejs的版本

node -v

安装的文件夹【D:\Environment\nodejs】下创建两个文件夹【node_global】及【node_cache】

image.png

创建完两个空文件夹之后,打开cmd命令窗口,输入

npm config set prefix "D:\Environment\nodejs\node_global"  //设置使用npm全局安装时下载文件的位置
npm config set cache "D:\Environment\nodejs\node_cache"    //设置缓存位置
npm config set registry https://registry.npm.taobao.org/   //更换镜像源,加快下载速度
npm config list   //查看npm的配置信息                                   

3.配置环境变量

在【系统变量】下新建【NODE_PATH】,输入【D:\Environment\nodejs\node_global\node_modules】 设置下载位置

使用 npm -g 安装的时候,默认的模块D:\Environment\nodejs\node_modules 目录将会改变为

D:\Environment\nodejs\node_global\node_modules目录

将【系统变量】下的【Path】添加【D:\Environment\nodejs\node_global】

否则报错:‘vue’不是内部或外部命令,也不是可运行的程序或批处理文件。


mac上配置vue

在学习 vue 的过程中按照其官网教程进行配置后在终端输入 vue 提示:zsh: command not found: vue

遂百度了很多文章,很多都没有作用,最后看了一篇简书上的文章:

[Vue] zsh: command not found: vue

在文章末尾有提到:

重启终端配置就失效
这个问题可能是由于安装了 ohmyzsh导致的, 终端启动后就不会执行 ~/.bash_profile了取而代之的是 ~/.zshrc, 所以新打开的终端仍然会找不到命令
解决方案是在 ~/.zshrc中添加一行命令(作用是在开启终端的时候执行 ~/.bash_profile)
作者:objcat
链接: https://www. jianshu.com/p/48a0495e8 f18
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

看到这里突然醒悟,大多数搜索到的文章都是在修改  .bash_profile 中配置的环境变量,而在 macOS Catalina 中 zsh 为默认的 shell ,也就是说应该是在 .zshrc 中添加 vue 的 PATH 。

vi ~/.zshrc 

然后在里边添加:

export PATH=/Users/用户名/.npm-global/bin:$PATH

重启终端,输入 vue 显示成功!

19fe50ac53b9c52326bb078cf089cf20.png

开心地掏出我的大鸡腿!!!


Mac每次都需要source~解决方法

① $ vim ~/.zshrc
② 最后一行输入(文件里可能没有内容):source ~/.bash_profile
③ esc:——>输入wq保存编辑的内容——>回车