第一步:安装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";