node+vuecli下载、安装、配置图文教程

1. node官网Node.js (nodejs.org)下载

   

    

2. 安装--注意更改安装地址，next到结束 

3. 配置 ①安装路径下新建两个文件夹node_cache和node_global

   

    ②'win+R'打开cmd输入命令：npm config set prefix "node_global文件夹的路径"

        npm config set cache "node_cache文件夹的路径"

   

    ③修改系统环境变量：“此电脑”右键属性->高级系统设置->环境变量

   “用户环境变量”的Path把最后为npm的路径改为“node_global文件夹的路径”

   

    ④“系统环境变量”新建{变量名：NODE_PATH；变量值：node_global文件夹的路径}

   

    ⑤权限设置：安装目录文件夹 右键“安全”，所有用户都改为“完全控制”

   

    ⑥更换淘宝镜像：cmd输入命令：npm config set registry https://registry.npm.taobao.org/再输入npm config get registry检查

   

    ⑦！！！最后检查c盘用户下的.npmrc！！！

   

    ⑧node -v 可检查版本号-------配置完成

4. vue-cli全局安装：win+r输入CMD回车，输入npm install -g @vue/cli回车开始安装（如果报错：无法加载文件..........\vue.ps1, 到该目录下删掉vue.ps1即可，然后重复步骤4重新安装，vue- V查看版本号）