vue-cli@3.0搭建vue项目+ Element

第一步：安装vue-cli @3.0版本

npm install -g @vue/cli

第二步：创建vue项目

vue create my-project

1⃣️ 选择自定义: Manually select features

2⃣️ 按上下键自由选择配置 ，按空格键确定，所有都选择好后，按enter键进行下一步

3⃣️ babel,postcss,eslint这些配置放哪？ – In dedicated config files
选第一个：推荐放独立文件放置
第二个是：放package.json里

这样你的vue项目就创建好啦，文件目录如下：

3⃣️ 使用 vue-cli@3相应的 Element 插件，你可以用它们快速地搭建一个基于 Element 的项目。

vue add element

会自动生成这4个插件:element-ui / node-sass /sass-loader /vue-cli-plugin-element

并在App.vue同级目录下生成element-variables.scss文件，建议新建一个名为styles的文件夹，将scss文件放在里面，并修改plugins文件下的的index.js文件里的scss路径为 import "@/styles/element-variables.scss";

这样elementUI项目就完成啦，项目目录如下：