美文网首页
Vue环境搭建补充

Vue环境搭建补充

作者: 婼熙之名 | 来源:发表于2020-03-24 17:49 被阅读0次

一、名词介绍

nvm :node version manager -> node 版本管理工具

npm :node package manager -> node 打包管理工具

nrm :npm registry manager - > npm 镜像管理工具

二、安装

1.安装nvm

1)命令行输入

brew install nvm

出现下图表示安装完成,但要进行相关提示操作


image.png

2)按照提示 ->检查nvm的工作空间是否存在 不存在就创建

You should create NVM's working directory if it doesn't exist:

  • 检查工作目录是否存在(按下面指令操作)
  1. cd ~ // 这个命令在终端任意路径可用 意思是进入到当前用户的跟路径

  2. ls -la // 在用户跟路径查看全部路径

3.查看文件名称目录列表,如果存在.nvm则不需要新建目录 如果不存在 则使用mkdir创建

mkdir ~/.nvm

  1. 执行第二步,确认.nvm文件创建成功

3)按照提示 ->继续配置 nvm的环境变量

Add the following to ~/.bash_profile or your desired shell

configuration file:(粘贴下面的内容到bash_profile的配置文件中)

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

  • 进入/.bash_profile,输入vim ~/.bash_profile,
  • 按i进入编辑状态,复制粘贴上面的内容,
  • 编辑完成后 :wq退出,
  • 并 执行 source ~/.bash_profile

4)完成操作后 通过

echo $NVM_DIR

检查 nvm环境变量是否 生效输出/Users/xxx/.nvm 说明生效了

环境变量配置完成后

nvm ls 命令可查看当前nvm中 管理的node版本

image

二、使用nvm 安装node

1、查找可安装的 node 长期维护版本:nvm ls-remote --lt

image

2.node相关常用命令行

  • 查看所有安装版本:nvm ls

  • 选择长期支持版本安装: nvm install v12.16.1

  • 安装指定版本的node : nvm install 8.0.0

  • 使用指定node版本: nvm use 8.0

  • 使用指定版本 运行js程序:nvm run 6.10.3 app.js

  • 设置环境默认node版本 :nvm alias default 8.1.0

  • 一直使用最新版本node作为默认版本 :nvm alias default node

⚠️注意:
1)默认版本将在所有的工作空间生效
2)use命令只会在当前的命令窗口生效
3)node 安装完成后 自带npm

三、使用npm安装 nrm管理 镜像

1.安装nom

npm install nrm -g

2.安装完成后查看镜像列表。

nrm ls

3.使用下面操作可以快速切换镜像源

nrm use taobao

相关文章

  • Vue环境搭建补充

    一、名词介绍 nvm :node version manager -> node 版本管理工具 npm :node...

  • 前端环境搭建

    前端开发环境的搭建 vue环境搭建(node,vue-cli,vue) https://www.jianshu.c...

  • vue+ionic

    vue的环境搭建: npm install -g @vue/cli (若已搭建跳过)vue create i...

  • Vue之ToDoList实战

    之前的文章windows下搭建vue开发环境,我们已经搭建好了vue的环境,并且写了Vue系列之WebPack与E...

  • vue-vscode开发环境搭建

    vue-vscode环境搭建

  • Mac上搭建vue环境

    // 转发自:vue开发环境搭建Mac版 vue开发环境的搭建由于本人使用的是mac,所以环境是windows的下...

  • vue-cli单页面应用

    vue-cli是vue搭建环境脚手架,只需要几个命令就可以搭建开发环境。 vue-cli脚手架搭建 1.安装nod...

  • Vue开发环境搭建与创建项目

    Vue开发环境的搭建,直接看大神写的教程吧:Vue环境搭建[https://blog.csdn.net/wu__d...

  • Express+Vue+MongoDB

    环境搭建 首先要安装vue-cli和express-generator 使用手脚架搭建vue环境和express环...

  • 2019-06-15

    Node.js、Vue.js 运行环境搭建记录 参考链接:Vue.js 运行环境搭建详解(基于windows的手把...

网友评论

      本文标题:Vue环境搭建补充

      本文链接:https://www.haomeiwen.com/subject/huqoyhtx.html