mac下搭建基于vue-cli 3.0的Element UI 项目

1.安装yarn管理工具（包含node.js）;

2.安装全局vue-cli全家桶：

yarn global add @vue/cli

3.创建、测试一个vue-cli项目：

vue create admin

默认会提示选择那些安装:

Vue CLI v3.3.0
? Please pick a preset: (Use arrow keys)
❯ project1 (vue-router, vuex, sass, babel, pwa, eslint) #这里是我之前创建项目并保持了他的配置（Save preset as: xxxx）
  default (babel, eslint) #默认创建，因为不太清楚它是否具备了该有的功能和组件，索引自己选择了下面自定义安装 
  Manually select features #自定义创建

按空个进行勾选：

• Bable 预编译
• TypeScript
• Progressive Web App (PWA) Support 优化用的
• Router 路由
• Vuex
• CSS Pre-processors CSS预处理器
• Linter/Formatter 代码格式化
• Unit Testing 单元测试
• E2E Testing E2E测试

接着是一些细化的选择，详情可以看上图，其中最后一步提示是否作为一个默认候选创建包，可以结合自己需要设定作为一个创建模板（即前面提及的project1）；

4.基于vue-cli@3引入element组件
创建好项目之后，切换到目录内：

vue add element 

会出现以下提示：

? How do you want to import Element? (Use arrow keys)

为了方便，可以选择全局引用：full import

1. ? Do you wish to overwrite Element's SCSS variables? Yes
2. Choose the locale you want to load zh-CN

之后就可以通过命令yarn serve编译、运行网站了

转载于:https://www.cnblogs.com/chq3272991/p/10608533.html