很久之前研究过这个,最近想做一个笔记,把基本程序的创建方式记录一下,以后有机会的话,直接拿过来用就行!

还没有做过成型的项目,这个算是第一个吧~

首先,就是安装NodeJS,本机已经安装过,就不再写安装步骤了,我是nodejs的初学者,没搞清楚npm和yarn的区别,现在先用npm。

第一步,安装VUE项目

到制定目录执行,我这里把my-app改为rss-xiaoyu

vue create my-app

选择

> Default ([Vue 3] babel, eslint)

RSS-vue.png

然后,执行

 $ cd rss-xiaoyu
 $ npm run serve

就可以预览VUE了

RSS-vue-ok.png

到这里,只是一个开始,代表了,vue的安装成功。

第二步,集成Element plus

npm install --save element-plus

修改\src\main.js代码如下,也可以按照需要

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

createApp(App).use(ElementPlus).mount('#app')

其实,就是新增了

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

.use(ElementPlus)

在界面中新增一个Element按钮组件

<el-button type="primary">这是一个按钮</el-button>

RSS-vue-bt.png