如何使用vue2搭建ElementUI框架

电玩女神 2022-05-08 11:22 501阅读 0赞

1、新建一个文件夹euw，切换到该路径下

cd F:\WebstormProjects\euw

![70][]

2、安装vue-cli

npm install vue-cli

![70 1][]

3、查看vue的版本

vue -V

![70 2][]

4、下载项目

vue init webpack esa

![70 3][]

5、切换到项目路径下

cd esa

![70 4][]

6、安装vuex

npm install vuex

![70 5][]

7、安装element-ui

npm i element-ui -S

![70 6][]

8、安装依赖包

npm install

![70 7][]

9、运行项目

npm run dev

![70 8][]

![70 9][]

10、浏览器预览项目

http://localhost:8081/#/

![70 10][]

[70]: /images/20220508/a1d3cf7932a347ac9c963ee339c03a17.png
[70 1]: /images/20220508/03c7d77a7a3944ae851249de7db1d403.png
[70 2]: /images/20220508/d406b5fae07f49d8b2bbdc3084dcd76c.png
[70 3]: /images/20220508/91ec6e2cc1574b938d2b2ce6b5b0678d.png
[70 4]: /images/20220508/73066fc4c5764c8dbfa50b1ad8150bb6.png
[70 5]: /images/20220508/23cd9699747a4c8fa748d62f7843e017.png
[70 6]: /images/20220508/14de82d32d6340489d4a79d70f38a086.png
[70 7]: /images/20220508/f171e3e425e24874aa1a2a77971ba056.png
[70 8]: /images/20220508/dbbcf9d8a9bc4bb3bc305605174627d0.png
[70 9]: /images/20220508/903a21e4f8e540a78bcc78af1a52c571.png
[70 10]: /images/20220508/0d5536b691fe43569423072f18987cd1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，501人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue框架搭建和使用

司开分享会，所以写一个PPT，分享Vue框架搭建和使用基础方法，我简单的截图放在下面展示 **VVue框Vue框架![watermark_type_ZmFuZ3poZW...

左手的ㄟ右手/ 2024年04月18日 12:13/ 0 赞/ 66 阅读

相关 Vue Elementui 搭建blog 系统模板

页面效果展示： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

女爷i/ 2023年10月18日 16:33/ 0 赞/ 21 阅读

相关 4.使用ElementUI搭建前端系统框架四

前面几章节完成界面布局和事件响应，还未实现与后台项目交互，本节实现登录页面，与后台项目交互必须引入Axios Ajax组件，并且需要定义Axios拦截器判断当前请求是否已经登录

た入场券/ 2023年07月07日 12:33/ 0 赞/ 15 阅读

相关 1.使用ElementUI搭建前端系统框架一

前后端分离系统需要分别建设前端和后端系统，前端系统通常使用VUE与一个前端框架开发比较容易实现，有实力的技术团队通常开发自己的前端框架，使用一些开源的前端框架开发效率更高，比如

Bertha 。/ 2023年07月07日 03:43/ 0 赞/ 225 阅读

相关 Electron-Vue-ElementUI环境搭建

文章目录导读以前的方法新的方法踩坑记录导读一开始`Vue`生态还尚未完善的时候，`Electron`和其他框架很难整合。现在`

迷南。/ 2022年12月10日 14:41/ 0 赞/ 284 阅读

相关 Vue2.x+ElementUI搭建项目（待修正）

Vue2.x+ElementUI搭建项目第一步：创建Vue新项目第二步：安装Axios用于请求API 第三步：项目引入Elem

水深无声/ 2022年10月17日 04:12/ 0 赞/ 282 阅读

相关 vue框架搭建

第一步：创建项目 vue create app 第二步：配置依赖 element npm i element-ui -S

小灰灰/ 2022年10月17日 01:48/ 0 赞/ 148 阅读

相关如何使用vue2搭建ElementUI框架

1、新建一个文件夹euw，切换到该路径下 cd F:\WebstormProjects\euw ![70][] 2、安装vue-cli npm inst

电玩女神/ 2022年05月08日 11:22/ 0 赞/ 502 阅读

相关使用vue+elementUI+webpack+vueRouter搭建项目

1. vue开发环境搭建 1) node 2) npm / cnpm （npm install -g cnpm --registry=https://r

布满荆棘的人生/ 2022年04月21日 23:06/ 0 赞/ 347 阅读

相关 vue elementUi库环境搭建

1、安装 cnpm i element-ui -S 2、若要加载所有样式: 在main.js中引入 import El

Bertha 。/ 2021年07月24日 12:58/ 0 赞/ 481 阅读