一、下载安装Node.JS（安装过的可以跳过 官网地址放到下面 需要可以自家下载）

node.js中文官网下载

什么是Node.Js？（科普）

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

安装完成后 可以打开cmd控制台 输入下面的指令 出现版本号就安装成功了

node -v
或者
npm -v

运行图如下：

正常情况下，node.js的安装是没有问题的，可是也有可能失败，失败的原因可能是系统权限等。
如若安装失败可以参考以下链接文章：
菜鸟教程之node.js安装教程

二、安装Vue脚手架

虽然早在2020年9月份的某一个深夜Vue团队就发布了Vue3的正式版本，可是如今市场的主流依然是Vue2。所以我会分别介绍Vue2和Vue3的脚手架安装。各位看官根据自己的需求进行选择

使用传统的npm安装（不推荐）

使用npm命令进行安装的速度会比较慢，因为npm的服务器是在国外，所以速度会比较慢，也容易出错。

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

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

当然也是有解决办法的，也就是切换镜像源

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

切换镜像源
切换至淘宝源：npm config set registry=http://registry.npm.taobao.org/
切换至华为源：npm config set registry=https://mirrors.huaweicloud.com/repository/npm/
切换至npm源：​​​​​​​npm config set registry=http://registry.npmjs.org
临时使用：npm --registry https://registry.npm.taobao.org install express

注意：

• 如果安装到一半一直不动，可以按回车让它继续下载

• 如果出现警告可以忽略，因为是vue官方使用的某些文件导致的，雨窝无瓜

• 出现错误就用以下语句清除缓存

  npm cache clean
  

国内镜像源安装（推荐）

用淘宝镜像安装cnpm（推荐）
npm install -g cnpm --registry=https://registry.npm.taobao.org

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

检查cnpm是否安装上

cnpm -v

用cnpm安装vue脚手架

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

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

最后检查脚手架是否安装上

vue -V
#记住这里的-V是大写字母V

特别注意：
如果提示“无法识别”，有可能是npm的版本过低。

npm install -g npm（更新一下版本就好了）。

如果安装失败的话

npm cache clean（清除一下缓存就好了）

三、创建脚手架项目

Vue2创建脚手架项目教程
Vue3创建脚手架项目教程

给Vue3项目搭建element-ui框架

创建Vue3.x引入element-ui

本文暂时到这，部分资源来源于网络，侵权联系删，谢谢！