1、安装脚手架【前提是需要安装node.js】
npm install -g @vue/cli
2、使用图形化界面建立vue
vue ui
3、自定义选择路径,点击铅笔,将自己的路径放进去,按下回车即可
4、手动配置 勾选Babel与Router
5、使用npm的方式将elementui安装进去,不能在可视化视图的插件中安装,不然不能用
5.1、npm install --legacy-peer-deps element-ui --save【vue3安装elementui】
5.2、npm install element-plus --save 在package.json就可以看到element-plus的依赖
5.3、在main.js添加。因为main.js是我们的入口文件,你在这里面引入样式,你所有的页面都可以访问到的
import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css';
import locale from 'element-plus/lib/locale/lang/zh-cn'
并且使用导入的函数模型
createApp(App).use(store).use(router).use(ElementPlus, { locale }).mount('#app')
6、就可以使用elementui官网的样式了