Vue环境设置

vue安装以及设置
组件 版本 说明
nvm v0.37.2 nodejs的版本管理工具
nrm 1.2.1 npm的镜像源管理工具
node 14.16.0 LTS
npm 7.5.6
vue

安装nvm

1
2
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash ## ubuntu使用这个(Mac也可以,只是Mac可以通过brew进行后续升级)
brew install nvm ## Mac使用这个命令安装

vim ~/.bashrc 添加如下行(Mac默认为~/.zshrc)

1
2
3
4
5
## Mac
export NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node ## 使用阿里云源
export NVM_DIR="$HOME/.nvm"
[ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"  # This loads nvm
[ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion
1
2
3
4
5
## ubuntu或其他Linux
export NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node  ## 使用阿里云源
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

使用nrm安装nvm

source ~/.bashrc 使配置生效(Mac默认为~/.zshrc)

1
2
nvm ls  # 查看可用
nvm install 14.16.0 # 指定node版本安装

node --version # 查看node版本

npm version # 查看npm版本以及依赖信息

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
{
  npm: '6.14.11',
  ares: '1.16.1',
  brotli: '1.0.9',
  cldr: '37.0',
  icu: '67.1',
  llhttp: '2.1.3',
  modules: '83',
  napi: '7',
  nghttp2: '1.41.0',
  node: '14.15.5',
  openssl: '1.1.1i',
  tz: '2020a',
  unicode: '13.0',
  uv: '1.40.0',
  v8: '8.4.371.19-node.18',
  zlib: '1.2.11'
}

更新npm版本

1
npm install npm@latest -g
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
{
  npm: '7.6.0',
  node: '14.16.0',
  v8: '8.4.371.19-node.18',
  uv: '1.40.0',
  zlib: '1.2.11',
  brotli: '1.0.9',
  ares: '1.16.1',
  modules: '83',
  nghttp2: '1.41.0',
  napi: '7',
  llhttp: '2.1.3',
  openssl: '1.1.1j',
  cldr: '37.0',
  icu: '67.1',
  tz: '2020a',
  unicode: '13.0'
}

安装nrm

过如下命令操作:

1
2
3
npm install -g nrm # 安装nrm
nrm  ls # 查看源
nrm  use taobao # 使用taobao源

参考链接: https://github.com/nvm-sh/nvm

https://titangene.github.io/article/nvm.html

https://www.cnblogs.com/leslie1943/p/13443444.html

附录

使用npm install安装package.json中的包,如果只想安装dependencies中中的内容,可以使用–dependencies字段:

npm install --dependencies

同样只想安装devDependencies中的内容,可以使用–devDependencies字段:

npm install --devDependencies

这里安装的package.json中所有依赖的模块,都是package.json中指定的版本。如果需要安装最新的版本则要:

npm update <package_name>//要安装的模块的名字
updatedupdated2021-10-252021-10-25