vue
文章平均质量分 95
crazyJialin
前端攻城狮一枚
展开
-
lucky-canvas(大转盘)使用文档
文章目录大转盘 LuckyWheel 使用文档安装引用使用参数背景 - blocks关于绘制背景关于背景图奖品 - prizes关于设置奖品关于奖品文字换行关于配置图片抽奖按钮 - buttons关于配置按钮关于按钮文字换行默认配置 - defaultConfig关于奖品区域的缝隙关于转盘的偏移角度关于旋转速度默认样式 - defaultStyle回调 & 方法大转盘 LuckyWheel 使用文档安装npm install luck-cmft --save引用import { Luck原创 2021-04-12 16:30:20 · 17237 阅读 · 3 评论 -
vue 项目 使用 nprogress - 页面加载进度条
安装npm install --save nprogress在路由钩子函数中使用及配置import NProgress from 'nprogress'import router from '@/router' // vue-cli 生成出来的router函数// 进度条配置NProgress.configure({ showSpinner: false, // 关闭loading动画 trickle: false, // 关闭进度条步进 minimum: 0.1, // 最小百原创 2020-05-19 10:11:49 · 373 阅读 · 0 评论 -
浅析vue-cli2和vue-cli4
目录安装及版本切换项目初始化目录结构对比安装及版本切换查看当前版本,如果是2开头说明当前使用的是vue-cli2,3开头的话就是vue-cli3vue --version如果无法识别vue命令说明没有安装vue-cli,使用以下说明进行安装安装2.0版本:npm install -g vue-cli安装3.0版本:npm install -g @vue/cli版本切换,即卸载当前版本,安装另外的版本从2.0升级到3.0:npm uninstall -g vue-clinpm i原创 2020-05-11 16:04:39 · 3567 阅读 · 0 评论 -
使用vue-cli搭建简单的vue+webpack热更新项目
近年来,前端的发展速度惊人的快,要想跟上前端的进军速度,每时每刻都要学习。各种框架开发是相当流行,今天,带大家使用vue-cli搭建简单的vue+webpack热更新项目。准备工作:你的电脑要安装node(自带npm),这一点就不多说了,作为前端必备,哈哈。第一步:使用npm全局安装webpack和vue-cli(如果安装速度慢,可以使用cnpm淘宝镜像安装,直接百度就有)$ npm ...原创 2018-05-23 17:17:07 · 10160 阅读 · 2 评论 -
基于webpack搭建的vue2项目目录结构概述
在上一篇博客,我们通过webpack+vue-cli搭建了一个简单的vue2开发项目,走过的都知道,一个命令创建了好多文件和文件夹,一脸懵,这里,为大家简单介绍一下项目的目录结构,首先,来看整体项目目录结构的截图: 先从最外层走起(根目录文件): 1. babelrc:作为项目babel的配置文件(Babel 是一个 JavaScript 编译器,作为我们项目对js的编译),可以将我们项目e...原创 2018-05-24 13:10:12 · 4432 阅读 · 2 评论 -
使用webpack搭建简单的vue+element-ui项目,并实现模块按需加载
本文讲述一下在vue项目中搭建element-ui框架,并实现模块的按需加载。 准备工作:在此之前,需要大家搭建一个简单的vue+webpack项目,本文讲述的操作是基于这个项目的,所以,需要大家准备一下,具体操作步骤请参考本人上一篇博客( https://blog.csdn.net/crazy_jialin/article/details/80422964 )。第一步:安装elem...原创 2018-05-24 15:30:31 · 8021 阅读 · 0 评论 -
使用vue-cli(v2.9)构建项目,并安装使用 less 和 postcss-px2rem(移动端开发px转rem)
目录1、使用vue-cli初始化项目一些准备工作全局安装cnpm或者配置npm镜像全局安装webpack, vue-cli初始化项目2、使用less3、使用 postcss-px2rem 让px自动转化为rem4、日常采坑使用less后对于css中background-image的url引用问题5、总结1、使用vue-cli初始化项目一些准备工作全局安装cnpm或者配置npm镜像1、全局安...原创 2019-07-17 11:39:26 · 1136 阅读 · 0 评论