随笔分类 -  Vue.js

Vue开发如何修改第三方组件的样式
摘要：举个例子，修改轮播图指示器 比如项目里运用了bootstrapVue，默认的轮播图指示器样式如下图：https://bootstrap-vue.org/docs/components/carousel 当需求是使用原点指示器，如下图，我们可以这样子来修改 1 <style lang="scss" s 阅读全文
posted @ 2021-01-18 12:46 苹瑶 阅读(556) 评论(0) 推荐(0)
①vue设置ico ②svg转ico，保留透明度方法
摘要：① vue工程目录对应的ico图标设置位置，如上图。 ②有一张svg，含透明度的，需要先转为png https://cloudconvert.com/svg-to-png 然后由保留了透明度的png转为ico，这样子就是有透明度的ico了 https://www.easyicon.net/cover 阅读全文
posted @ 2020-09-18 09:34 苹瑶 阅读(1072) 评论(0) 推荐(0)
vue-cli脚手架安装jest单元测试，运行异常解决办法
摘要：问题描述： 利用vue-cli搭建了一个demo工程，在选项里选择了单元测试跟jest框架，npm install完成，npm run dev 也OK，但是npm run unit，报错了 问题1： Option "mapCoverage" has been removed, as it's no 阅读全文
posted @ 2019-02-13 11:47 苹瑶 阅读(4056) 评论(0) 推荐(0)
vuejs脚手架搭建
摘要：1.安装node http://nodejs.cn/download/ (如果已经安装，可跳过此步，可输入node -v 回车检验) 2.执行命令： npm install -g vue-cli // 加-g是安装到全局 (如果已经安装，可跳过此步，可输入vue 回车检验) 3.执行命令： vue 阅读全文
posted @ 2018-11-29 11:24 苹瑶 阅读(439) 评论(0) 推荐(0)
Vue.js框架学习与工程搭建
摘要：一、如何学习VUE 第一步：学好ES6，ECMAScript顺便把NodeJS也学会了。 第二步：如何学ES6，看阮一峰教授的教程（http://es6.ruanyifeng.com/），先中文后英文，上网看看思路，实战。 难点： 1、（五星）函数的拓展，箭头函数，语法特别多 setInterval 阅读全文
posted @ 2018-04-28 13:53 苹瑶 阅读(1538) 评论(0) 推荐(0)
Vue的组件详解
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script src="../node_modules/vue/dist/vue.min.js"></sc 阅读全文
posted @ 2018-04-27 19:38 苹瑶 阅读(752) 评论(0) 推荐(0)
package.json详解
摘要：1、scripts字段 类似于快捷键，把一个复杂的命令起个简单的名字 当我们在命令窗口使用：npm run 简名，就相当于运行了其代表的复杂命令 2、dependencies字段，devDependencies字段 dependencies指定项目运行所依赖的模块，devDependencies指定 阅读全文
posted @ 2018-04-26 16:05 苹瑶 阅读(207) 评论(0) 推荐(0)
npm常用命令
摘要：node到官网下载后，无脑点击下一步安装即可 npm ：node package manager（在node下安装包的控制命令），无需安装即可直接使用 在工程目录下，使用快捷方式，按住shift，点击鼠标右键，打开命令窗口，然后就可以输入npm的指令，对该目录下生效 npm常用命令如下： 1、npm 阅读全文
posted @ 2018-04-26 10:38 苹瑶 阅读(504) 评论(0) 推荐(0)
node.js安装篇
摘要：一、部署node.js的环境 进入Node.js官方：http:/nodejs.org 下载合适的安装包。安装过程默认即可,安装完成后,nodejs的路径会自动加入系统变量里。 二、查看系统环境变量 win10系统下,开始菜单>>计算机>>此电脑(在此点右键)>>属性>>高级系统设置>>环境变量>> 阅读全文
posted @ 2017-12-15 18:13 苹瑶 阅读(129) 评论(0) 推荐(0)