Nodejs/Vue安装及环境配置

一、下载Node.js

1、下载地址:https://nodejs.org/en/download/
2、下载:注意选择 系统和位数 ,注意下载的地址:

在这里插入图片描述

3、安装:

(1)建议还是修改一下安装位置,NodeJS默认安装位置为 C:\Program Files安装,可以选择自己的安装位置,安装时一直都是next,我选择的是“C:\”
(2)在"C:"下打开cmd 输入

  node -v		  // 查看node的版本,出现版本就安装成功了!
  npm -v		 // 查看node的版本,出现版本就安装成功了!

二、环境配置:

1、创建npm模块目录:

分别在node里安装目录下创建node_cache和node_global两个文件夹。
在这里插入图片描述

2、打开cmd输入:
npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"
3、配置环境变量:
	我的电脑->右键->属性->高级系统设置->高级->环境变量

在这里插入图片描述
系统变量配置:
复制“C:\node\node_global\node_modules”路径
在这里插入图片描述
在这里插入图片描述
配置完 系统变量,接下来配置 用户变量,复制你的“…\node_global”路径。
复制node下的“…\node_global”路径代替Path路径。配置写完路径后全部点击确定就可以了。

在这里插入图片描述

三、vue安装(命令行安装):

1、vue-cli安装:
cnpm install --global vue-cli	 // vue-cli全局安装
vue -V			       //查看版本,注意V 是大写
2、npm安装:
cnpm install npm -g
npm -v		       //查看版本,注意v 是小写,处理查vue是大写
3、cnpm 安装:
npm install cnpm -g		// 升级安装cnpm
或
npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述

4、vue/cli安装查看:
npm install -g @vue/cli

在这里插入图片描述

5、express模块安装(按需求安装):
npm install express -g 		// -g是全局安装的意思

在这里插入图片描述
在这里插入图片描述
这样就安装好了!加油!一起进步~

  • 6
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值