一、下载并安装nodejs，下载地址是  https://nodejs.org/zh-cn/download/

配置node与npm

2.在NodeJs文件目录下建立”node_global“及”node_cache“两个文件夹

3.启动cmd，依次输入：

    npm config set prefix "F:\Program Files\node-v8.11.1-win-x64\node_global"

    npm config set cache "F:\Program Files\node-v8.11.1-win-x64\node_cache"

Ps：本文nodejs地址为F:\Program Files\node-v8.11.1-win-x64

此时在cmd输入

npm root -g

• 出现下图则说明配置成功:

配置环境变量

二、安装vue脚手架工具

首先安装npm的淘宝镜像(下载速度比较快)，打开cmd或者idea的Terminal都可以

• 输入以下的命令

npm i -g cnpm --registry=https://registry.npm.taobao.org

• 等待下载完成以后，继续安装vue的脚手架工具，在Terminal内继续输入以下命令

这个安装的是2.x的版本

npm i -g vue-cli

这个安装的是3.x的版本

npm install -g @vue/cli
测试是否安装成功：V是大写的
vue -V

如果提示无vue命令，则重启电脑试一下。

三、idea创建vue项目

1、先安装vue.js插件

然后重启idea,

2、然后选择创建项目

选择vue.js，下一步

 

然后点击下一步，

往下，有一些需要确定的选项，一般默认，一直点击下一步即可。

然后创建完毕，然后配置运行环境

配置完后，点击运行，

这时有可能会报这个错，

然后重新运行，

 

 

 

参考文章：https://blog.csdn.net/u012830533/article/details/79986984

https://www.jianshu.com/p/9c1d4f8ed068

https://blog.csdn.net/m0_37948170/article/details/80694229?utm_source=blogxgwz7