1、新建一个文件夹euw,切换到该路径下cd F:\WebstormProjects\euw2、安装vue-clinpm install vue-cli3、查看vue的版本vue -V4、下载项目vue init...
转载 2018-10-11 15:27:00
168阅读
2评论
前言之前有些过移动端的项目搭建的文章,感觉不写个pc端管理系统老感觉少了点什么,最近公司项目比较多,恰巧要做一个申报系统的后台管理系统,鉴于对vue技术栈比较熟悉,所以考虑还是使用vue技术栈来做;看过一个不错的后台配置模板(vue-element-admin),页面也挺美的,但是还是碍于不想看太多关于这个模板的配置说明,于是又拉出来之前我搭建的简易版的模板,决定重构下,使用自己搭建的后台系统模板
基于Vue+ElementUI+vod-js-sdk-v6,完成腾讯云点播视频上传功能最近做的一个项目,需要用到腾讯云点播的视频上传!!写一个尽可能详细的博客供各位参考,欢迎指正; ok,下面进入正题。 首先是需要用到的依赖:ElementUI、vod-js-sdk-v6、axiosnpm i vod-js-sdk-v6 npm i axiosimport vue from 'vue' impor
转载 7月前
322阅读
一种理想方案首先,无论换算方不方便,我都不想换算,我也不想去操心什么转换系数其次,有些属性或者类选择器我不想进行转换css代码要足够简洁,我只希望看到一种单位,那就是px第一种:lib-flexible+postcss-pxtorem第一种方案是lib-flexible+postcss-pxtorem,在相当长一段时间里,这两个插件搭配都是解决移动端布局的神器,lib-flexible是阿里手淘系
现在的很多应用都流行SPA应用(singe page application) 。 传统的项目大多使用多页面结构,需要切换内容的时候我们往往会进行单个html文件的跳转,这个时候因受到网络、性能的影响,浏览器会出现不定时间的空白界面,用户体验不好。而单页应用则是用户通过某些操作更改地址栏url之后,动态的进行不同模板内容的无刷新切换,用户体验好。而在vue2.0版本后,vue官方推出vue-rou
Vue+ElementUI前端开发环境搭建VUE简介1.1 渐进式1.2 MVVM模型1.3 响应式二 VUE环境搭建2.1 安装配置node.js2.2 配置镜像€提升速度2.3 全局安装vue2.4 安装脚手架vue-cli2.5 配置vue环境变量三 新建项目3.1 初始化3.2 初始化项目安装依赖3.3 启动项目四 开发环境4.1 开发工具4.2 目录结构4.3 插件导入五 安装问题
转载 2024-09-30 13:47:36
266阅读
今天我们要做的就是基于websocket实时人工客服,先来了解一下机制WebSocket 机制WebSocket 是 HTML5 一种新的协议。它实现了浏览器与服务器全双工通信,能更好的节省服务器资源和带宽并达到实时通讯,它建立在 TCP 之上,同 HTTP 一样通过 TCP 来传输数据,但是它和 HTTP 最大不同是:WebSocket 是一种双向通信协议,在建立连接后,WebSocket 服务
一、安装node环境1、下载地址为:https://nodejs.org/en/2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功   3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用
转载 2024-10-22 08:35:12
71阅读
按需引入 官方文档介绍 借助 babel-plugin
原创 2022-08-27 01:55:15
892阅读
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、创建项目二、原理分析三、创建入口文件集体注册组件四、批量注册五、组件打包总结 前言vue作为当前比较热门的前端框架之一,因此常见的基于vue开发的UI框架有很多,比如ElementUI、Ant Design Vue等。那么我们怎么去开发一个组件库并且能够打包复用呢?见正文。一、创建项目使用vue-cli创建一个新项目
转载 6月前
171阅读
在获取不到后台数据的时候我们也可以把页面搞起来生成随机数据1. 首先应该先建立一个json文件,把模拟数据写进去2. 安装3. 建立js文件,使用mockjs提供mock数据接口4.在main文件在加载js文件拦截ajax请求1. 不使用本地代理2.ajax请求后会影响store首先增加新的state变量,例如商家列表再者增加mutations最后增加actions并进行异步请求 生成随机数据1
转载 2024-09-12 22:31:22
251阅读
在这篇博文中,我们将详细介绍如何使用 TypeScript 搭建 Vue 2 项目。这里会有环境准备、步骤指导到配置详解的完整过程,帮助你从开始搭建一个高质量的 Vue 2 应用。 ## 环境准备 在开始搭建之前,我们需要确保我们的软硬件环境能够支持 Vue 2 和 TypeScript。 **软硬件要求** - 操作系统: Windows 10 / macOS / Linux - No
原创 6月前
103阅读
前言因为项目采用UI组件element-ui,需要部署后(打包后)设置主题,在网上找了一遍,如下几种方法。1/使用全局样式覆盖(工作量大)2/自定义element-ui配色,element-ui提供了一个配置页面 和 配色工具,可以本地生成固定的几套主题色,以便来实现主题切换(编译后无法修改)3/ 通过后端返回css文件,前端配合使用localStorage,储存主题对应的参数
Nextcloud是一款开源免费的私有云存储网盘项目。它的客户端覆盖了Windows、Mac、Android、iOS、Linux 等各种平台,也提供了网页端以及 WebDAV接口。通过腾讯云轻量+对象存储cos架构,搭建nextcloud网盘,可以使用对象存储cos的灵活存储空间配置。通过内网传输,还可以节省对象存储cos的网络传输费用。1,访问腾讯云网站,创建或者登录腾讯云账号。2
转载 2024-09-03 10:17:39
63阅读
最近项目经常用到带有合并效果以及动态列的表格,而翻阅iview和element-ui官网没有找到合适的(也有可能自己的水平有限,不会改写),所以只好自己用原生表格写了一个,具体效果如下:这个表格右侧表头的会员等级列是根据筛选结果动态生成,左侧的初始状态是按着结果动态合并行,右上也对应的有一个下载表格数据的方法,实现着这表格的关键在于对原生表格"th","tr"标签以及对"rowspan",“col
2015 年 4 月 29 日的 Build 大会上,微软发布了 Visual Studio Code 第一个预览版本。短短四年时间里,VS Code 高速成长。根据 2019 年 2 月的 PYPL Top IDE index 排名,VS Code 涨势迅猛,在所有编辑器与 IDE 中排名第六,领先于其他主流的代码编辑器:Sublime、Atom 和 Vim。可以说是已经在代码编辑器中拔得头筹。
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档@TOC新手记录创建VUE2项目过程提示:以下是本篇文章正文内容,下面案例可供参考一、搭建node1.确保电脑已安装了node 2.检查是否安装成功:打开cmd,输如 node -v,如果输出了版本号,即代表我们安装成功了。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/ab6270e
原创 2024-04-10 15:06:52
580阅读
拟解决的主要问题: 前端技术:nodejs+vue+elementui 1、对数据库对应的表格中相应的会员信息、咖啡与甜点的信息、交换物的 信息等进行添加、删除以及修改。 2、实现不同用户名和密码登录或访客身份直接进入不同的管理操作界面。 3、查询数据库对应表格中是否存在符合条件的查询信息。 4、插入限量甜点及座位信息到数据库表格中,根据预定订单更新当前限量 甜点以及咖啡厅座位的剩余数量
什么是vuepress?这个一定要弄明白,我就是直接看的官方文档,着急写项目了,结果遇到了很多坑,非常不建议这么做,费时费力。官方说法:vuepress是为了支持vue及其子项目的文档需求,每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),
转载 2024-03-25 22:14:43
80阅读
父组件内定义插槽具体内容 <table-data> <!-- 两种方式,下面是简写 <template v-slot:supplierOrderNo="data" >--> <template #supplierOrderNo="data" > {{ data.data}} </template>
原创 8月前
80阅读
  • 1
  • 2
  • 3
  • 4
  • 5