步骤

    1. 安装Vue脚手架

    2. 通过Vue脚手架创建项目

    3. 配置Vue路由

    4. 配置element-ui组件库

    5. 配置axios库

    6. 初始化git远程仓库

    7. 将本地项目托管到Github或gitee中

1. 安装vue脚手架

1.1 安装node环境（node.js）

 下载地址 下载 | Node.js 中文网   按需下载对应版本

 安装教程 Node.js 安装配置

什么是Node.js？

简单的说 Node.js 就是运行在服务端的 JavaScript，是一个基于Chrome JavaScript 运行时建立的一个平台。

安装完成后，打开cmd控制台输入下面的指令，出现版本号就代表安装成功。

node -v
npm -v

  

1.2 安装vue-cli脚手架  

安装镜像【也可忽略该步骤，直接安装vue-cli脚手架】

npm的服务器是国外的，使用npm命令进行安装的速度会比较慢，也容易出错。最好安装国内镜像，安装完淘宝镜像之后，cnpm和npm命令行皆可使用，二者并不冲突。

在cmd控制台输入以下命令:

安装淘宝镜像：
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装华为镜像：
npm install -g cnpm --registry=https://mirrors.huaweicloud.com/repository/npm/

查看当前使用的镜像源： 
npm config get registry

安装vue-cli脚手架

安装vue-cli脚手架有两种方法：

1. 使用npm安装脚手架（没有安装淘宝镜像）

安装Vue2脚手架  
npm install -g vue-cli

安装Vue3脚手架  
npm install @vue/cli -g

2. 使用cnpm安装脚手架（已经安装了淘宝镜像）

安装Vue2脚手架
cnpm install -g vue-cli

安装Vue3脚手架
cnpm install @vue/cli -g 

当安装过程中出现错误或者版本冲突时，可以先卸载脚手架再重新安装

卸载vue2脚手架：npm uninstall vue-cli -g 
卸载vue3脚手架：npm uninstall @vue/cli -g

检测脚手架是否安装成功 【注：vue  -V  中的 V 一定要大写】

 

2. 通过vue脚手架创建项目

    vue-cli脚手架创建vue项目

3. 配置vue路由

4. 配置element-ui组件库

   vue中安装element组件的步骤

本文持续更新！！