Node.js官网
windows下安装
node.js安装是很简单的,npm也是随exe一同安装的,但是需要了解其中某些路径和配置,在遇到难题时才会有思路去解决。双击安装文件一路默认安装完后,环境变量也随之添加了。
1、修改npm的镜像地址
.npmrc文件是npm的配置文件,系统中会存在多个.npmrc文件,npm会按照如下顺序读取这些配置文件:
项目配置文件: /project/.npmrc
OS用户目录下: ~/.npmrc
全局配置文件: /etc/npmrc
npm安装路径内: /app/nodejs/node_modules/npm/npmrc
改用国内的可能会快很多,修改.npmrc文件(注意多个文件存在时优先级),添加:
registry = https://registry.npm.taobao.org
一行,然后查看:npm config list
2、npm包下载路径
npm管理的依赖包下载路径分为项目本地路劲和全局路径,下载到本地路径后的modules不可与其他项目共享,全局路径下的modules可以被全部项目共享。默认的npm install xxx命令是安装在本地路径下的,想要安装在全局路径下,需要使用npm install -g xxx。我们可以查看全局路径:
npm config get prefix 或 npm root -g
默认路径一般是:%APPDATA%\npm\node_modules
查看包缓存路径的命令是:
npm config get cache
Windows下这个路径是%APPDATA%\npm-cache,在Windows下,你可以通过echo %APPDATA%查看下这个环境变量的值。
3、修改包下载路径和包缓存路径
包全局下载路径因为默认在C盘,所以有修改的需求。在安装完node.js后,我们会发现node.js添加了2个环境变量到path中,一个是node.js的安装路径,如:
D:\app\nodejs
还有一个是全局包路径,因为下载的包路径中也有命令可以执行,需要添加到path中,于此同时,如果你修改了全局包路径,也要把新的全局包路径添加到path中。
%APPDATA%\npm
重新修改路径可以通过命令也可以直接修改文件
npm config set prefix "D:/app/repo_node/global"
npm config set cache "D:/app/repo_node/cache"
不过这2个命令修改的是 ~/.npmrc文件,不存在就会在~/目录下新建的一个.npmrc文件。
Mac下安装
下载 node-v16.14.2.pkg 安装包,双击安装包,弹出一下安装界面,可以看到这里其实安装了2个应用,一个是Node.js,一个是npm,这是2个不同的应用哦。
一路点击继续,不需要修改任何东西,就完成安装了,由于Node.js是服务端应用,安装完成后,不会有图标和界面给你使用。安装完成后已经自动在环境变量中添加了Node.js和npm。可以直接在终端使用命令了,也就是可以直接运行.js文件了。
npm会把install -g 的模块放到prefix这个属性指定的目录里,查看这个属性值的命令是:
npm config get prefix
默认值是/usr/local,实际安装后会自动添加一个目录node_modules
npm的配置文件
npm通过config选项来配置npm,要想查看配置文件在哪里,可以用这个命令
npm config get userconfig ##查看配置文件路径
通常情况下,这个文件会在家目录下:
~/.npmrc
修改包注册下载地址
一旦进行了自定义修改,就会在自动新建一个~/.npmc文件,里面存储里修改的变量,如果没有修改默认配置,就不会新建这个文件。
包注册下载地址是由 registry 属性值决定
查看配置值
npm get registry
修改为淘宝镜像地址
npm config set registry http://registry.npm.taobao.org/
修改为官方地址
npm config set registry https://registry.npmjs.org/
修改全局包下载目录
由于权限问题,我们将npm全局包改成自己的家目录下
mkdir ~/AppData/NpmGlobal
npm config set prefix '~/AppData/NpmGlobal'
npm config get prefix
修改全局包下载目录后要添加环境变量
vi ~/.bash_profile
export NPM_PKG_HOME=/Users/zhangsan/AppData/NpmGlobal/bin
export PATH=$JAVA_HOME/bin:$PATH:$MAVEN_HOME/bin:$NPM_PKG_HOME
保存后
source ~/.bash_profile
重新安装npm,删除默认安装的npm
安装最新npm
npm install npm@latest -g删除之前npm下载的区全局包
rm -rf usr/local/lib/node_modules
删除npm,不删除的话默认的npm在环境变量的前面,后面安装的无效
rm -rf usr/local/bin/npm
安装vue-cli
安装vue,-g表示全局安装,@表示安装最新版本
npm install -g @vue/cli
RedHat系列Linux安装
下载node
wget https://nodejs.org/dist/v16.9.1/node-v16.9.1-linux-x64.tar.gz
解压后添加环境变量
在/etc/profile.d/app.sh
NODE_HOME=/usr/local/xxx/node16.9.1
export PATH=$PATH:$JAVA_HOME/bin:$MAVEN_HOME/bin:$NODE_HOME/bin
保存后生效
source /etc/profile
设置镜像地址
npm config set registry http://registry.npm.taobao.org/
查询全局包存储路径
npm config get prefix