基于Vue搭建Element脚手架

在搭建element脚手架之前，请先学习如何搭建Vue项目，在此奉上我的上一篇博客“快速搭建Vue项目”的链接：https://blog.csdn.net/weixin_43194692/article/details/88173422

1. 克隆Element脚手架

Element 脚手架 代码git地址：
https://github.com/ElementUI/element-starter.git

打开链接之后，选择"Download ZIP"把压缩文件下载到本地，解压缩，生成一个文件名为“element-starter”的文件夹

2.全局安装yarn

Yarn 对你的代码来说是一个包管理器， 你可以通过它使用全世界开发者的代码， 或者分享自己的代码。通过Yarn你可以使用其他开发者针对不同问题的解决方案，使自己的开发过程更简单。使用过程中遇到问题，你可以将其上报或者贡献解决方案。一旦问题被修复， Yarn会更新保持同步。 代码通过包（package） (或者称为 模块（module）) 的方式来共享。 一个包里包含所有需要共享的代码，以及描述包信息的文件，称为 package.json 。

打开cmd，进入“element-starter”目录中，执行命令“npm install -g yarn”

#进入element-starter目录文件
cd element-starter
#全局安装yarn
npm install -g yarn

3.安装依赖

打开cmd，在“element-starter”目录中，执行命令“npm install”

npm install

4.启动服务

npm run dev

在谷歌浏览器中打开链接“http://127.0.0.1:8010/，可看到如下页面

恭喜你，第一个vue+element项目就这样创建完成了，请开启你的vue+element代码生涯…