前端梦想家-CSDN博客

原创配置eslint+prettier报错Error: Cannot read config file: /Users/qiandingwei/Documents/projects/creams-main

安装eslint和prettier后出现如下报错Error: Cannot read config file: /Users/qiandingwei/Documents/projects/creams-main/node_modules/eslint-config-prettier/@typescript-eslint.js解决：将.eslintrc.js下的extends中的·prettier/@typescript-eslint去掉，如下所示：extends: [ 'plugi

2021-03-03 19:07:20 11397 1

原创 React+Typescript最佳实践

React+Typescript最佳实践前言随便叨叨一句，TypeScript是一个JavaScript的类型化超集，可以编译成纯JavaScript，比如随便新建一个index.ts文件，随便来个函数，然后cd到该文件，执行tsc index.ts就可以编译成js文件了，当然前提是全局安装了typescript。关于typescript的好处，网上一大把原因，这里不赘述，从我的开发经验看：Typescript是一门静态类型语言，可以在开发的过程中暴露出很多不经意的问题，从而减少bug，测试也更

2021-02-21 09:58:29 1908

原创 webstorm+Vue+prettier+eslint，使用prettier格式化代码不生效

当项目使用Vue+Eslint+Prettier时，发现在webstorm中并不生效，那么你来对了。不过在正式开始之前，可以阅读我的另外一篇文章。但是需要注意，如果你的webstorm是2020.2及以上版本的，那么下面的这一步就无效了。首先解释一下为什么这一步无效了，这是因为webstorm从2020.2版本开始，将Pretter设置为了默认的格式化配置，因此就不需要做上面那篇文章繁琐的配置了。当然还需要你做一步：如上图所示，将Prettier所对应的两个复选框勾选，并选择prettier的安装

2021-02-18 16:01:45 6123

原创 Electron+React+七牛云实战跨平台桌面应用

前言采用了Electron+React+七牛云搭建的在线Markdown云文档。git clone git@github.com:FrontDream/cloud-doc.gitcd cloud-docnpm install (切记在可以科学上网的情况下安装，国内即使用淘宝镜像，虽然能运行起来，打包也会失败)npm run dev (运行)npm run dist (打包)npm run release (发布)注意运行起来后，需要在菜单栏中打开设置中心，配置ac

2021-02-04 19:01:01 1555

原创 electron-builder打包失败，空白页面Failed to load resource: net::ERR_FILE_NOT_FOUND

空白的页面，控制台报错Failed to load resource: net::ERR_FILE_NOT_FOUND因为这是相对路径的原因，在package.json的一级添加如下转为绝对路径： "homepage": "./",

2021-02-03 12:33:54 6060 3

原创 electron-builder打包失败：Contents/Resources/app.asar/build/index.html

打包成功后，打开安装包，出现如下所示的白屏和报错：Not allowed to load local resource: file:///Users/qiandingwei/Documents/projects/cloud-doc/dist/mac/%E4%B8%83%E7%89%9B%E4%BA%91%E6%96%87%E6%A1%A3.app/Contents/Resources/app.asar/build/index.html这是因为electron-builder和create-reac

2021-02-03 12:23:32 2087 1

原创 electron-builder打包失败Application entry file “build/electron.js“

⨯ Application entry file "build/electron.js" in the "/Users/qiandingwei/Documents/projects/cloud-doc/dist/mac/七牛云文档.app/Contents/Resources/app.asar" does not exist. Seems like a wrong configuration. stackTrace=官网文档如图所示：在使用react-cra时会把入口（main.js）给改了。解

2021-02-03 11:47:13 7119

原创 electron-builder打包失败

打包失败如下：⨯ open /Users/qiandingwei/Documents/projects/cloud-doc/node_modules/react-scripts/node_modules/jest-circus/node_modules/jest-runtime/node_modules/jest-config/node_modules/@jest/test-sequencer/node_modules/jest-runner/node_modules/jest-runtime/nod.

2021-02-03 11:24:09 1231

原创 electron中app.js 通过require(‘fs‘)导入不成功

将const fs = require('fs');改成const fs = window.require('fs');

2021-01-21 10:17:35 2460 1

原创 ElementUI中Table的合计统计栏在滚动条的下方

如图所示，当表格中设置了show-summary会出现合计统计栏，当表格的列数多时，就会导致滚动条在统计栏的上方，如下图所示：解决办法：在文件的最底部，再新建一个style标签块，记得去掉scoped:<style lang="scss">.uncon { .el-table { overflow: auto; } .el-table--scrollable-x .el-table__body-wrapper { overflow-x: visible;

2020-09-19 10:56:06 3263 1

原创 ElementUI表格错乱不对齐

elementUItable的表格会出现如下图所示的表格错乱，不对齐的问题。解决办法：在项目的根目录下的App.vue的style中加上如下代码：body .el-table th.gutter { display: table-cell !important;}如下图所示：关注前端梦想家，有更多更好的前端开发技巧，帮助你又快又好的搬砖，一起为梦想努力！...

2020-09-19 10:46:31 2504

原创 Vue中后端传递流文件，前端构建FormData，下载Excel

前端发起请求，后端返回流格式文件，前端构建FormData去接收并下载Excel。注意：发送请求时，记得设置responseType。如下所示：export function downLoad(data) { return request({ url: EXPORT_PAYED_BILL, method: 'get', params: data, responseType: 'blob' })}如果项目中有统一根据某个字段是否是-1，0进行判断是否成功进行拦截，

2020-09-19 10:38:22 685

原创 Vue项目接入Eslint与+Prettier+Husky自动格式化代码

简介前端项目，主要有两种选择ESLint和TSLint。TSLint仅针对TS代码，因此如果采用TSLint规范TS代码，JS代码需要采用其他工具。而ESLint不仅能规范js代码，通过配置解析器，也能规范TS代码。此外由于性能问题，TypeScript 官方决定全面采用ESLint。Eslint的主要功能包含代码格式的校验，代码质量的校验，JS规范，如用=而不是判断相等、用驼峰命名变量而不是用下划线。而 Prettier 是美丽的意思,只是代码格式的校验（并格式化代码），不会对代码质量进行校验，如单行

2020-07-16 08:34:55 4436 1

weixin_42826294的博客