- 博客(4)
- 收藏
- 关注
原创 vue项目部署到nginx服务器踩坑记录
大概是脑袋抽抽了吧,某个不那么清醒的下午,对,就是昨天下午,我萌生了想要将之前写的一个vue项目部署到nginx上的这个想法。然后就一发不可收拾地开始bug-debug的过程。现将实现过程遇到的各种错误总结一下,希望看到的童鞋之后可以顺利部署,不要走我那么多弯路~正常流程1、 vue项目 执行 npm run build ,生成dist文件夹。2、 安装nginx,点击这里去往官网:nginx官网。3、 不同版本(我选的1.20.0稳定版)。4、下载并解压到本地,注意,不要放在中文目录下!!!.
2021-05-13 11:25:21
993
原创 vue-devtools 最新版v5.3.4安装构建调试过程
vue-devtools 在github的官方地址:https://github.com/vuejs/vue-devtools.git安装步骤:(一定要先修改再安装依赖!!!顺序错了,可能会构建失败)git下载好文件夹修改vue-devtools > shells > chrome > manifest.json 文件中的 persistent为 truenpm i 安装依赖npm run build 构建项目浏览器扩展功能打开,并确保开发模式是开启
2021-04-17 09:03:32
1448
原创 解决vue项目中prettier、eslint格式冲突问题
解决vue项目中prettier、eslint格式冲突问题我是用prettier作为vscode默认的格式化插件的,vue项目自动保存的时候,格式化,会自动在代码末尾添加分号,单引号会自动变成双引号。然后eslint开始报错:先贴上报错图遇到这个问题的时候,试过很多种方式,包括:修改vscode中settings.json文件关于vetur默认格式化插件配置:修改vetur默认格式化插件配置…修改prettier配置…修改eslint配置…然而都不管用!!!最后找到一种解决办法:在vu
2021-03-29 15:31:27
3563
原创 如何用css实现元素固定宽高比?
如何用css实现容器固定宽高比?一、img、video 可替换元素的固定宽高比实现原理指定img、video的宽度或者高度,另一边设置auto自动计算。比较简单。html:<div class="img-wrapper"> <img src="" alt=""></div>css:.img-wrapper { width: 50%;}img { width: 100%; height: auto;}二、普通元素固定宽高比实现原理:
2021-03-15 17:44:56
3680
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人