iview-admin源码分析（二）：创建Vue.js项目+引入IView

最新推荐文章于 2024-05-09 14:33:39 发布
最新推荐文章于 2024-05-09 14:33:39 发布
阅读量782 收藏 1
点赞数 1
分类专栏： iview-admin源码分析 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yiyu_j/article/details/106281489
版权
毕设项目用Vue.js+IView做了一个网站前端，但是对Vue还是不太熟悉，因此想解析iview-admin的源代码，深入了解一下Vue和前端布局。
摘要由CSDN通过智能技术生成

本篇目录

一、IDEA中创建Vue项目

Vue.js和IDEA的安装这里就不讲了，直接从IDEA创建项目开始讲起。
导航栏【File=>New=>Project…】，出现如下页面：
在这里插入图片描述
选择【Static Web=>Vue.js]，点击Next，跳转到如下页面：
在这里插入图片描述
输入项目名，和选择项目地址，我这里项目名称为"demo1"，填好后点击"Next"，然后会出现
输入项目名
输入项目描述
输入作者名字<

最低0.47元/天 解锁文章
Y1YU
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
运行项目报错error in ./node_modules/marked/lib/marked.umd.js
weixin_52941842的博客
10-31 3752
先运行指令：npm view marked versions 查看包的所有版本，然后再查看当前的版本，发现当前是最新的9.1.4版本，然后往回找个合适的大版本（7.0、8.0左右的）安装一下就OK啦。今天跑项目时发现一个报错，问题出在marked这个包，然后翻看package.json里面也没有这个包，全局搜索项目也没有这个包相关的信息，可它就是报错，索性直接把它给卸载发现还是报错。解决方法：安装更低的版本。报错原因：包的版本太高。
iview-admin-2.0源代码
06-20
iview-admin-2.0源代码 ，打开之后记得cnpm install 一下
vue项目打包报错是marked版本搞的鬼？
最新发布
divlingder的博客
05-09 374
再npm run build:dev 发现还是报上面那个错，于是网上一查说要配置一下vue.config.js和babel。记一次处理打包时候报错的处理经过，加深一下印象，以后遇到此类的报错问题可以想到这次的处理报错的经历。
iview-admin项目源码和api
03-07
iview-admin项目源码和api,由于公司禁止访问gitbub，所以gitbug上view-admin的源码无法访问，所以上次到csdn上可以到公司下载下来学习
iview-admin登录完整代码附后台代码
12-12
根据iview-admin最新版本，纯手撸的登录完整代码，附带后代框架代码，包括登录失败提示，登录获取用户信息，token过期处理
vue-admin-pro:基于iView-Admin，进行简化，为嵌入式程序员量身打造的极简布局管理系统
03-11
Vue管理员专业版 基于iView-Admin，最懂的采用程序员的后台管理系统，View UI 4.0.2 Vue Admin Pro，这是一个简单的附加管理系统，适用于程序员编写的一写简单的放置管理系统，逻辑较简单，也不涉及权限只有简单的登录令牌认证。 预览 2020，再次优化了登录页，增加了校验 预览图 目录 . ├── LICENSE ├── README.md // 说明 ├── cypress.json ├── images // github图片说明 │   └── login.png // 登录图 ├── package.json // 依赖包 ├── public │   ├── favicon.png // 浏览器图标 │   └── index.html // 首页index代码 ├── src │   ├── App.vue // Ap
vue iview-admin3.0 路由介绍
qq_41829492的博客
03-24 1684
iview-admin3.0 路由介绍 当我们从官网下载iview-admin后，并将其成功运行，使用的第一步就是路由，下面说一说我对iview-admin3.0中路由的认识。 加载原理 router/index.js是系统路由的主配置，在这个文件中加载了router/routers.js，所以我们定义的路由会被加载。 main.vue： main.vue是项目页面主架构组件，整个布局都在此加载...
vue-iview3-admin:基于Vue CLI 3 + iView3的Vue.js后台管理系统
03-11
关于介绍基于Vue-Cli3 + iView3的后台管理系统技术栈Vue，Axios，Webpack，ES6，Vue路由器，Vuex，Sass等截图登录界面家庭面常用命令# 下载代码$ git clone https://github.com/dingFY/vue-iview3-admin.git# 安装...
vue-koa-iview-demo:使用Vue2.x+Koa2.0构建的一个学校教务管理系统(demo)
04-29
这是一个基于Vue2.x和Koa2.0框架构建的学校教务管理系统的示例项目，名为"vue-koa-iview-demo"。该项目利用了现代前端技术和后端框架，为教育机构提供了一种可能的数据管理和操作平台。让我们深入探讨这个项目所涉及...
iview-vue-admin:iView vue Admin管理员管理系统模板
03-11
iview-vue-admin iView Vue管理员 现场演示： 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # ...
my-vue-iview-admin:使用vue和iview实现vue-element-admin
04-05
综上所述，my-vue-iview-admin项目展示了Vue.js和iView的强大结合，为开发者提供了一个高效、灵活的后台管理系统模板。通过深入学习和实践，开发者不仅可以掌握这两款工具的使用，还能了解到前端开发的完整流程，...
微信小程序之官方UI框架 iView UI使用教程
Fighting社火底子
07-30 1万+
这是 iView 官方的小程序  可以关注看看 接着开始正题 https://github.com/TalkingData/iview-weapp  到 GitHub 下载 iView Weapp 的代码     接着 下载下来是这样子的 打开examples  在微信开发者工具创建个新的空白项目  将examples里面的全复制粘贴进去 并且把 dist也粘贴进去 完后大...
iview admin npm install报错_详解蓝鲸部署常见报错及解决方案汇总
weixin_39640262的博客
11-26 532
概述本篇主要介绍一下蓝鲸部署过程中的一些报错及解决方案，仅供参考。ps：解决方法写的有点简单，部分思考过程省略了，不过按步骤是可以解决的1、安装paas平台报错解决：修改install.config文件格式为17xxx xxxx服务名，xxxx服务....或者先做好事前检查也可以。2、安装cmdb报错报错：mongodb start failed. check /data/bkce/logs/mo...
vue项目运行 $ npm run dev 报错解决方案
mangoyiy的博客
07-28 2587
vue项目运行 $ npm run dev 报错如下：$ npm run dev> sell1@1.0.0 dev E:\易先生\vue\Vue 高仿开发饿了么webApp\sell1 > node build/dev-server.jsevents.js:160 throw er; // Unhandled 'error' event ^Error: listen EAD
iview-admin-plus是一款基于iview-admin打造的, 更好看的后台主题布局.
weixin_34295316的博客
03-07 5211
iview-admin-plus iview-admin-plus是一款基于iview-admin打造的, 更好看的后台主题布局. Github install 安装 依赖iview-admin,首先安装iview-admin完成后再执行 npm install iview-admin-plus 复制代码use 使用 在main.js中将 import './index.les...
iView 的后台管理系统模板 iView Admin
热门推荐
前端栈开发
08-02 5万+
iView Admin 详细介绍 iView admin 是基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案 简介 iView admin 是基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案，由 TalkingData 前端可视化团队部分成员开发维护。iView admin 遵守 iView 设计和开发约定，风格统一，设计考究，...
iview-admin框架的搭建（亲测）
qisoft1213的博客
03-06 1万+
iView Admin 是基于 Vue.js，搭配使用iView UI组件库形成的一套后台集成解决方案，由 TalkingData 前端可视化团队部分成员开发维护。iView Admin 遵守 iView 设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。 环境：windows10专业版 + node.js v10.15.2 + redis v2.8.9 + git +...
iview-admin-1.3.1版本-相关配置
chumaobao2468的博客
09-06 657
一、运行npm run dev直接跳转到页面 转载于:https://my.oschina.net/u/3946362/blog/3102779...
iview-admin2.3.0 技术文档.docx
07-10
iview-admin 2.3.0 技术文档是一份详细说明如何使用和开发iview-admin框架的文档。该文档主要包含以下内容： 一、vue基础配置 在根目录下的vue.config.js文件中，可以找到以下代码： const BASE_URL = process.env....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值