vue2项目的两种详细创建方式

一、创建vue项目

方式一

1、在任意位置创建一个文件夹来管理所有的vue项目的文件

2、在文件根目录下打开控制台（直接在文件路径上输入cmd,回车即可进入）

3、输入指令

vue create 项目名称

4、选择对应的vue版本，回车即可

5、安装完成后，项目文件中会出现一个项目，在vscode中打开即可

6、打开vscode终端输入npm run serve

方式二

1、win + R输入cmd打开终端

2、输入vue ui，会自动在浏览器打开一个页面

3、点击创建、选择项目的保存路径

4、这里我选择是npm，也可以使用yarn，关闭git选项

5、这里我选择的是手动配置。（也可以选择前面两个配置，第一个是vue3的版本，第二个是vue2的版本，直接配置的是纯净版的）

6、根据需要选择。

Bable和Linter是必需要选择的，其余的根据项目需要自行选择

7、选择vue的版本，选择ESLint标准配置，点击创建项目，

8、这里可以选择保存，也可以选择不保存。保存后下次会记住你本次的配置，下次可以直接使用本次的配置。

9、找到项目的安装路径，在vscode中打开即可

二、vue全家桶的安装和项目的配置

项目终端执行

npm install vue-router@3
npm install vuex@3
vue add element

在安装vuex和vue-router一定要指定版本，不然会报错，

报错信息如下：