Vue安装及环境配置【图解版】

1. 欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。

Facts speak louder than words！

---

目录

一.node.js的安装和配置

1. 下载安装node.js

2. 配置默认安装目录和缓存日志目录

3.node.js环境配置

4. 配置淘宝镜像源

二.安装vue以及脚手架

1.安装vue.js

2.安装webpack模板

3.安装脚手架vue-cli 2.x

4.vue-cli2创建vue项目

三、安装vue-cli 3.x

1、卸载旧版本

2、安装新版本

3、新建项目

---

一.node.js的安装和配置

1. 下载安装node.js

官网下载最新版本：https://nodejs.org/en/download/
安装教程：https://www.runoob.com/nodejs/nodejs-install-setup.html
或者下载zip文件找个目录保存，解压下载的文件，然后配置环境变量，将解压文件所在的路径配置到环境变量中。

2. 配置默认安装目录和缓存日志目录

1、创建默认安装目录和缓存日志目录

2、执行命令，将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录：

npm config set prefix "E:\node.js\node_global"
npm config set cache "E:\node.js\node_cache"

npm config get prefix 查看npm全局安装包保存路径
npm config get cache 查看npm装包缓存路径
npm list -global  查看全局安装目录：

npm config list 查看所有npm 配置

3.node.js环境配置

“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”，进入环境变量对话框

1、【系统变量】下新建【NODE_PATH】，此处设置第三方依赖包安装目录如果跟着第2步修改了全局安装目录，则输入【D:\nodejs\node_global 】

2、【系统变量】下的【Path】添加上node的路径【D:\