Vue学习笔记01-搭建node.js环境

1.首先官网:https://nodejs.org/en/download/下载好对应系统和版本的node.js,不更换安装路径的话基本点击下一步即可。下载安装好node.js后点击finish。
Vue学习笔记01-搭建node.js环境_第1张图片
2.打开cmd窗口:

  • 输入node -v显示node.js的版本号说明node.js安装成功。
  • 输入npm -v显示npm版本号说明自带的npm也安装成功。
    Vue学习笔记01-搭建node.js环境_第2张图片
  • 此处说明下:Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西。
    3.在node.js的安装路径下新建node_cache和node_global两个空文件夹,等下用来配置环境变量:
    Vue学习笔记01-搭建node.js环境_第3张图片
    4.打开cmd敲下如下两个命令:
  • npm config set prefix “刚才创建空文件夹node_global的绝对路径”
  • npm config set cache “刚才创建空文件夹node_cache的绝对路径”
    Vue学习笔记01-搭建node.js环境_第4张图片
    4.配置环境变量:
  • 新建系统变量名 [ NODE_PATH ],变量值[ E:\nodejs\node_modules ]。
    Vue学习笔记01-搭建node.js环境_第5张图片
  • 重新编辑用户变量名[ path ] 里的npm路径:
    Vue学习笔记01-搭建node.js环境_第6张图片
  • 改为如下。
    Vue学习笔记01-搭建node.js环境_第7张图片
    5.安装好后我们就要切换到国内的镜像源:
  • 打开cmd命令输入:
//安装 淘宝镜像源
npm install -g cnpm --registry=https://registry.npm.taobao.org
// 设置 淘宝镜像源
npm config set registry https://registry.npm.taobao.org
// 查看当前使用的镜像源
npm config get registry

环境搭建成功!!!

你可能感兴趣的:(Vue学习笔记,nodejs,vue,html5,javascript)