mac环境搭建vue项目并引入element ui

1.安装Node

vue的运行是要依赖于node的npm的管理工具来实现，所以第一步需要安装Node，进入到http://nodejs.cn/download/官网。

下载并安装后，进入macOS命令行，输入node -v，显示node的版本即表示安装成功。

 2.安装VUE-CLI

VUE-CLI是一相基于Webpack的vue模板项目，我们的项目基于此模板项目开发，所以建第一个项目前需要先安装VUE-CLI，后面再新建项目就不需要了。在macOS命令行执行如下命令：

sudo npm install -g vue-cli

安装完成后，进入到命令行

vue -V

查看vue的版本即表示安装成功。

3.新建项目

先在macOS上新建一个项目文件夹 test

vue init webpack test

4.运行项目

在macOS命令行上进入test1目录，并运行项目，命令如下：

cd test
npm run dev

5、打开项目

运行成功后会弹出一个新的命令行窗口，在窗口中有url地址，如：http://localhost:8080，打开浏览器输入： http://localhost:8080即可打开项目。

6.安装element-UI组件 

继续在mac命令行上执行（项目目录下）：，运行成功后，查看配置文件package.json，是否有element-u组件的版本号。接下来的引入内容可查看element-UI官网https://element.eleme.cn/#/zh-CN学习。

npm install element-ui -S