vue项目下使用iview总结

参考:https://segmentfault.com/a/1190000012019019?utm_source=tag-newest 使用iview框架的MenuGroup标签,vscode报红,提示如下 [eslint-plugin-vue] [vue/no-parsing-error] Parsing error:x-invalid-end-tag 这个时候,把MenuGroup标签改成menu-item标签还有问题,继续往下看在vue的项目里新添加ESLint 有的时候,早期的时候…

使用vue-cli脚手架初始化Vue项目下的项目结构

概述 vue-cli是Vue 提供的一个官方命令行工具,可用于快速搭建大型单页应用.该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程.只需几分钟即可创建并启动一个带热重载.保存时静态检查以及可用于生产环境的构建配置的项目. 使用vue-cli有以下几大优势: vue-cli是一套成熟的Vue项目架构设计,会跟着Vue版本的更迭而更新 vue-cli提供了一套本地的热加载的测试服务器 vue-cli集成了一套打包上线的方案,可使用webpack或Browserify等构建工具安装下面…

如何在vue项目中引用Iview

iview 安装 npm install iview --save 引入iview import Vue from 'vue' import App from './App' import router from './router' import iView from 'iview' //引入ivew库 import 'iview/dist/styles/iview.css' // 使用 CSS Vue.config.productionTip = false Vue.use(iView) /…

vue项目下的导入和导出

本篇博文主要记录我们在写项目的时候经常需要用到导入和导出. 导入首先定义一个模态弹窗,一般情况下会使用一个input(设置opacity:0)覆盖在显示的按钮上面  <Modal title="批量导入" v-model="importVisual" width="450px" class="page-open-question-import"> <div class=…

vue项目中，Iview打包到生产环境时， woff 字体引用问题

出现这问题的原因是文件路径不对,与webpack有关,解决的办法为: 一.修改webpack.prod.conf.js module: { rules: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: false }) }, extract:true改为false 地址:https://github.com/iview/iview/issues/515 二.手动修改打包后app.css文件备注…

将vue项目部署在Linux的Nginx下，并设置为局域网内访问

1. 下载 wget http://nginx.org/download/nginx-1.12.2.tar.gz 2. 解压缩 tar -zxvf linux-nginx-1.12.2.tar.gz cd nginx-1.12.2/ 3. 执行配置 ./configure 4. 编译安装 make make install 5. 启动 nginx /usr/local/nginx/sbin/nginx 访问服务器Ip即可进入welcome to Nginx页面,说明配置成功 5. 部署vue项目…