目录

一、环境准备

 二、搭建vue环境

 三、创建vue项目

 四、启动项目

五、常见错误

 1、ERROR  Error: spawn yarn ENOENT

 2、RRORFailed to get response from /vue-cli-version-marker

---

一、环境准备

1、安装node.js

下载地址：https://nodejs.org/zh-cn/

2、检查node.jsde 版本

输入：node -v

 二、搭建vue环境

1、搭建vue环境

下载地址：https://cn.vuejs.org/

2、使用NPM安装vue.js

输入：npm install -g  @vue/cli

3、查看是否安装成功，输出版本号则安装node环境成功

 三、创建vue项目

1、首先在项目下创建web文件夹（注意：这个时候web文件夹是空的，但是因为我已经做好了，所以里面会有内容）

1.1 以管理员身份打开cmd命令提示符窗口，进入到你所创建的项目的web目录下

Eg：你的项目创建在E盘，则进入E盘，cd + 项目路径，输入vue create vue（vue为项目名称）

vue creat 命令是 vue-cli3.x 提供创建Vue项目的方式

C:\windows\system32>e:

E:\>cd E:\idea-project\chapter\bigdata\web

E:\idea-project\chapter\bigdata\web>vue create vue

 

 1.2 选择Manually select features，移动上下键选择后，按下回车键

 

 1.3按下空格键选择如图第1、2、4、5项，然后按下回车键

 1.4选择vue版本（我选3.x），然后按下回车键

 1.5后边有许多选项，蓝色字体为选择内容，最后一项选择Use NPM

 1.6出现以下图所示内容，则项目创建成功

 

 

 四、启动项目

 1、输入如下命令

1.1跳转到如下窗口

1.2访问网址

地址：http://localhost:8080/#/

五、常见错误

 1、ERROR  Error: spawn yarn ENOENT

错误可能：

（1）用户设置了默认的包管理：yarn，即选择了Use Yarn

（2）没有安装yarn

 

解决办法：

将默认文件里的属性改为npm

1.1 打开C盘，打开用户文件，在右上角搜索框搜索名为.vuers的文件，双击用txt或typora文件打开（其他的行不行不知道，还没试）

1.2 找到packageManager属性，将其值改为npm，然后保存退出

 

 

 1.3 第二种错误可能，没有安装yarn，则直接输入：npm install yarn

 2、RRORFailed to get response from /vue-cli-version-marker

不清楚原因，忘记是从哪里看到，应该是从别的博主那里看到的。有截图，但没地址，到时候再找吧。

 

解决办法：

删除环境变量中的hadoop变量

点击此电脑，右键点属性，点击高级系统设置。进入系统环境变量设置，删除与hadoop相关的环境配置。

 删除后，重复前面步骤即可。