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

最新推荐文章于 2024-05-09 14:33:39 发布
原创 最新推荐文章于 2024-05-09 14:33:39 发布 · 950 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文详述了如何在IntelliJ IDEA中创建Vue.js项目，并逐步指导如何引入IView组件库。通过新建项目，配置npm命令，以及在main.js和HelloWorld.vue中进行相关设置，最终成功展示IView组件，完成集成。

本篇目录

一、IDEA中创建Vue项目

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

最低0.47元/天 解锁文章
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! iview-admin@2.0.0 dev: `vue-cli-service service
chaNgfa的博客
04-15 6647
npm run dev 运行报如下错误 ERROR Build failed with errors. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! iview-admin@2.0.0 build: vue-cli-service build npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the iview-admin@2.0.0 build script. npm ERR! This is p
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
iview-admin-2.0源代码
06-20
iview-admin-2.0源代码 ，打开之后记得cnpm install 一下
iview-admin源码分析（一）：项目背景及目录
yiyu_j的博客
06-19 1008
项目背景 毕设项目是搭了一个网页端的平台，其中前端是采用Vue+IView技术，但是对Vue还是不太熟悉，因此想通过解析iview-admin的源代码，深入了解一下Vue和前端布局。 项目目录 iview-admin源码分析：项目背景 iview-admin源码分析（一）：创建Vue.js项目+引入IView iview-admin源码分析（二）：登录页面及功能 ...
iview admin源码解读
zongxing
10-11 3757
下载地址： iView Admin 码云：https://gitee.com/icarusion/iview-admin 下载后的目录结构 登录页显示效果 首页显示效果： 在此介绍一下iview的框架代码如何阅读 main.js里引入了很多要用到的插件和组件 import Vue from 'vue' import App from './App' import router...
iview-admin项目源码和api
03-07
iview-admin项目源码和api,由于公司禁止访问gitbub，所以gitbug上view-admin的源码无法访问，所以上次到csdn上可以到公司下载下来学习
iview-admin登录完整代码附后台代码
12-12
根据iview-admin最新版本，纯手撸的登录完整代码，附带后代框架代码，包括登录失败提示，登录获取用户信息，token过期处理
vue-koa-iview-demo:使用Vue2.x+Koa2.0构建的一个学校教务管理系统(demo)
04-29
这是一个基于Vue2.x和Koa2.0框架构建的学校教务管理系统的示例项目，名为"vue-koa-iview-demo"。该项目利用了现代前端技术和后端框架，为教育机构提供了一种可能的数据管理和操作平台。让我们深入探讨这个项目所涉及...
vue2-iview2-admin:基于vue2和iview2的后台管理系统
03-11
vue2-iview2-admin是基于vue2 + iview2 + axios + webpack2为主要技术，开发的一个后台管理系统。 截图 登录界面登录进去之后的表格登录进去之后的echarts图表展示 表格表单展示 安装 可以有多种方法进行安装。 使用...
精选资源
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 # ...
vue的vue-admin-demo模板
03-11
该内容为vue-admin-demo的源码文件，读者可以根据里面代码来学习vue
vue + iview 项目 + 源码 + 项目图片 + 部分路由官网精简
毒牙
02-24 762
vue具有RESTful模式的路由。 RESTful作为一种架构风格，是一种设计风格而不是一个标准，只提供了一组设计原则和约束条件，它主要用于客户端和服务器端交互的桥梁。基于这种风格设计的应用可以更简洁、更有层次、更易于实现缓存等机制。 Vue的路由vue-router vue-router在vue中充当一个非常强大的角色。通过vue-router，vue可以更加方便的进行路由控制。开发者可以通过...
探索PhalApi-iView-Admin：一个强大的后台管理系统框架
gitblog_00017的博客
04-06 526
探索PhalApi-iView-Admin：一个强大的后台管理系统框架 是基于 PhalApi 和 iView UI 框架构建的一个现代化、高效的后台管理模板。它旨在简化后台开发过程，提供美观、易用的界面，让开发者可以快速搭建自己的企业级后台系统。 项目简介 PhalApi-iView-Admin 结合了 PhalApi 的强大后端能力和 iView UI 的优雅前端设计，打造了一个轻量级、易于定...
vue iview-admin3.0 路由介绍
qq_41829492的博客
03-24 1820
iview-admin3.0 路由介绍 当我们从官网下载iview-admin后，并将其成功运行，使用的第一步就是路由，下面说一说我对iview-admin3.0中路由的认识。 加载原理 router/index.js是系统路由的主配置，在这个文件中加载了router/routers.js，所以我们定义的路由会被加载。 main.vue： main.vue是项目页面主架构组件，整个布局都在此加载...
微信小程序之官方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 643
概述本篇主要介绍一下蓝鲸部署过程中的一些报错及解决方案，仅供参考。ps：解决方法写的有点简单，部分思考过程省略了，不过按步骤是可以解决的1、安装paas平台报错解决：修改install.config文件格式为17xxx xxxx服务名，xxxx服务....或者先做好事前检查也可以。2、安装cmdb报错报错：mongodb start failed. check /data/bkce/logs/mo...
运行项目报错error in ./node_modules/marked/lib/marked.umd.js
weixin_52941842的博客
10-31 8010
先运行指令：npm view marked versions 查看包的所有版本，然后再查看当前的版本，发现当前是最新的9.1.4版本，然后往回找个合适的大版本（7.0、8.0左右的）安装一下就OK啦。今天跑项目时发现一个报错，问题出在marked这个包，然后翻看package.json里面也没有这个包，全局搜索项目也没有这个包相关的信息，可它就是报错，索性直接把它给卸载发现还是报错。解决方法：安装更低的版本。报错原因：包的版本太高。
Vue和iview-admin搭建的项目进行兼容
热门推荐
官方推荐
04-27 3万+
写在前面： 用iview-admin创建的基于Vue的项目，开发完成后，用户是使用的360浏览器，其中有两个模式，一个是极速模式（谷歌内核），一个是兼容模式（IE内核），，，，，咳咳，，IE前端伙伴的最爱，，，现在要问题是在360浏览器中的兼容模式下访问项目地址出现的是空白，解决方案如下 最先想到的是安装 babel-polyfill npm install babel-polyfill ...
vue项目打包报错是marked版本搞的鬼？
最新发布
divlingder的博客
05-09 1797
再npm run build:dev 发现还是报上面那个错，于是网上一查说要配置一下vue.config.js和babel。记一次处理打包时候报错的处理经过，加深一下印象，以后遇到此类的报错问题可以想到这次的处理报错的经历。
iview-admin：Vue.js基于iview的后台管理系统开发指南
在iview-admin项目中，Vue.js被用于创建动态的网页和管理后台界面。 2. iView组件库: iView是一个基于Vue.js的高质量UI组件库，提供了丰富的界面元素，如按钮、输入框、分页器、卡片等，使得开发者能够快速搭建美观...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值