摘要: Vue将px转化为rem适配移动端 1.下载lib-flexible 我使用的是vue-cli+webpack,所以是通过npm来安装的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexible import 'lib-flexible/flexible' 3.设置meta标签 通过meta标签,设置设备宽度以及缩放比例 4.安装px2rem-loader npm install px2rem-loader 5.配置px2rem-loader 阅读全文
posted @ 2019-01-27 23:53 大自然的流风 阅读(3190) 评论(0) 推荐(0) 编辑
摘要: vscode格式化代码 安装 VsCode 格式化代码插件 搜索并安装 Beautify 格式化代码插件 使用:打开要格式化的文件 —> F1 —> Beautify file —> 选择你要格式化的代码类型 格式化对齐快捷键: Windows: Ctrl + K + F Windows:Shift + Alt + F Mac: Shift + Option + F Ubuntu: Ctrl + Shift + I 阅读全文
posted @ 2019-01-27 23:45 大自然的流风 阅读(44022) 评论(2) 推荐(1) 编辑
摘要: vue项目初始化时npm run dev报错webpack-dev-server解决方法 原因:这是新版webpack存在的BUG,卸载现有的新版本webpack,装老版本就好 webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低 (1)、npm uninstall webpack-dev-server (2)、npm install webpack-dev-server@2.9.1 (3)、npm run dev =================== 如何执行npm uninstall webpack-dev-server 也报错的话只能用下面方法了 原因是你的node_modules有意外改动,导致依赖库不完整。 解决: 1.删除项目下的node_modules 2.在项目目录下重新执行npm install 或者cnpm install,会重新生成node_modules 3.执行npm run build 或者cnpm run build 4.执行npm run dev 或者cnpm run de 阅读全文
posted @ 2019-01-27 23:21 大自然的流风 阅读(54855) 评论(3) 推荐(2) 编辑
摘要: 在vue项目中引入jquery cnpm install jquery --save 在main.js中引入,加入下面这行代码: import 'jquery' 注:有些项目是按需加载的,在main.js里面引入不起作用 需要在对应xx.vue里面引入import $ from 'jquery' 阅读全文
posted @ 2019-01-27 23:15 大自然的流风 阅读(7040) 评论(0) 推荐(0) 编辑
摘要: vue全局使用axios插件请求ajax Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方宣布停止更新vue-resource,并推荐大家使用axios,越来越多的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目会使用 Vuex 来管理数据。 之前一直使用的是 vue-resource插件,在主入口文件引入import VueResource from 'vue-resource'之后,直接使用Vue.use(VueResource)之后即可将该插件全局引用了; Axios 是一个基于 promise 的 HTTP 库,并没有install方法,所以是不能使用vue.use()方法的。 简单点就是每个文件引用一次,import axios from 'axios'; 全局使用的解决方法有很三种: 1.结合 vue-axios使用 2. axios 改写为 Vue 的原型属性 3.结合 Vuex的action 阅读全文
posted @ 2019-01-27 23:03 大自然的流风 阅读(2504) 评论(0) 推荐(0) 编辑