vue
吹了一夜风~
这个作者很懒,什么都没留下…
展开
-
VUE项目中使用prettier在git 提交前对代码进行格式化处理,统一代码格式
VUE项目中使用prettier在git 提交前对代码进行格式化处理,统一代码格式prettier是一个代码风格管理工具,它能够解析代码,使用你自己设定的规则来重新打印出格式规范的代码。在代码提交之前,进行代码规则检查能够确保进入git库的代码都是符合代码规则的。但是整个项目上运行lint速度会很慢,lint-staged能够让lint只检测暂存区的文件,所以速度很快。安装在使用前,先安装 lint-staged 与 prettier//npmnpm install --save lint-st原创 2021-12-14 13:50:28 · 1947 阅读 · 2 评论 -
vue项目中优雅的导入全局过滤器
vue项目中优雅的导入全局过滤器在项目src目录下创建一个filters目录,用来放全局的过滤器[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MYjHWD9z-1639378809904)(http://ptf.chao-yu.cn/blog/2021/09/28/8f4663edbd7e10458892de709e16abb7-cc3587.png)]在filters目录下创建index.js文件例如,创建两个测试过滤器/** * 测试filter * @pa原创 2021-12-13 15:00:35 · 681 阅读 · 0 评论 -
vue中slot的使用
在使用vue开发项目中,我们想在子组件里面加入自定义的内容,就需要使用到slot插槽原创 2021-08-05 13:43:47 · 165 阅读 · 0 评论 -
vue-cli4 项目下使用cdn引入静态资源,减少打包生成的js、css文件体积,优化页面打开速度
在项目开发中我们常用到的一些类库,例如vue、elemenu-ui、axios、vue-router等等这些不长更改的文件,可以在vue.config.js里做下cdn配置原创 2021-03-05 17:42:40 · 957 阅读 · 0 评论 -
node-sass下载失败报错解决方案
在vue-cli开发环境下,npm install 遇到node-sass下载失败的情况,整理了如下解决方案原创 2021-02-24 11:26:45 · 516 阅读 · 1 评论 -
windows下配置npm淘宝镜像
因为npm服务器在国外的原因,导致我们在开发过程中使用npm下载一些第三方包的时候很慢,或者会下载失败,在使用中配置为淘宝镜像可方便的解决这个问题永久配置方法:命令行输入npm config set registry https://registry.npm.taobao.org/单次使用:在npm install命令后添加这一段--registry=https://registry.npm.taobao.org//例如npm install axios --registry=https:原创 2021-02-19 13:24:24 · 1193 阅读 · 1 评论 -
vue-cli4 开发项目中开启gzip压缩,优化打包体积,提升加载速度
在vue-cli4开发环境下完成项目开发后,我们在编译部署项目的时候可以使用compression-webpack-plugin对打包后的js、css等文件进行gzip压缩,以提升项目加载速度开发环境搭建可参考node开发环境搭建vue-cli4开发环境搭建使用流程引入compression-webpack-pluginnpm i -D compression-webpack-plugin在 vue.config.js中配置 (vue-cli4脚手架创建的项目默认没有这个文件,自己在项目根原创 2021-02-20 11:57:05 · 2734 阅读 · 4 评论 -
vue-cli4安装及项目搭建
开始安装之前,请确保你已经安装过nodejs环境了,如未安装过node,可参考使用nvm管理node版本,安装node开发环境,这篇文章进行安装安装vuecli4如果你之前已经安装过vue-cli,先执行以下命令,卸载老版本,未安装请忽略npm uninstall -g vue-cli安装:npm install -g @vue/cli安装完成后执行 npm -V 或者 npm – version查看当前vuecli版本创建项目npm建议切换为淘宝镜像,创建项目会快一点创建项目执行原创 2021-02-19 13:48:11 · 614 阅读 · 0 评论 -
axios介绍以及使用流程
axios是一个可以同时在客户端以及node服务端同时使用的ajax库,同时也是vue2.x中推荐使用的ajax库,可以拦截请求和相应、取消请求、同时发起多个请求等操作使用流程npm install axios //下载axios包发送get请求//参数直接拼在url后面axios.get('/getlist?tid=1').then((res)=>{}).catch((err)=>{})//或者另外一种写法axios.get('/getlist',{ para原创 2021-02-18 17:37:25 · 664 阅读 · 0 评论