（一）vue-cli初始化项目并引入ElementUI

摘要：

写过了一个我们产品的后台管理系统，但做完项目都没有进行总结。感觉好多还是懵懂的感觉，所以想要重新走一遍，写一个自己的项目。让自己理清思路

实现：

1、首先确认你的电脑中已经安装过Node.js了，如果没有可以百度安装配置

2、我们来说下安装vue，是用vue-cli来初始化项目吧（使用命令行工具来操作）

（1） 全局安装 vue-cli (在命令行工具中输入npm install --global vue-cli，如果你的电脑中安装了淘宝镜像的话，可以输入下列命令)

 

（2） 创建一个基于 webpack 模板的新项目，如下图所示

（3）这里需要进行一些配置，默认回车即可。如图所示

（4） 进入项目，安装并运行：

cd vueAdmin

npm install

npm run dev

 此时vue-cli就初始化好了，接下来就是安装elementUI

3、安装elementUI

在命令行中输入npm i element-ui -S，如图所示

在 main.js 中写入以下内容如下：

然后再次运行项目，npm run dev