前言编辑器代码风格一致，是前端代码规范的一部分。同一个项目，或者同一个小组，保持代码风格一致很必要。就拿vue项目来说，之前做的几个项目，很多小伙伴代码格式化用的是vue-beautify ,这个格式化工具有个明显的缺点，就是三元不等式明明可以一行显示，非得格式化成3行
转载
2021-07-14 17:56:09
960阅读
{ "editor.suggestSelection": "first", "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", "python.jediEnabled": false
原创
2021-07-30 13:36:45
151阅读
既然是要保持页面的状态（其实也就是组件的状态），那么会出现以下两种情况：前组件会被卸载前组件不会被卸载那么可以按照这两种情况分别得到以下方法：组件会被卸载：（1）将状态存储在LocalStorage / SessionStorage只需要在组件即将被销毁的生命周期 componentWillUnmount （react）中在 LocalStorage / SessionStorage 中把当前组件
转载
2024-09-30 23:38:12
49阅读
函数hook，简单地说就是把目标函数替换我们的函数，用比较技术的语言描述就是：“(1) Target函数：要拦截的函数，通常为Windows的API。(2) Trampoline函数：Target函数的复制品。因为Detours将会改写Target函数，所以先把Target函数复制保存好，一方面仍然保存Target函数的过程调用语义，另一方面便于以后的恢复。(3) D
Eslint + Prettier使用安装插件。若已安装插件，直接进入下一步配置npm i eslint prettier eslint-config-prettier eslint-plugin-prettier -D配置Eslint1. 初始化配置文件npx eslint --initReact需配置，解决React@17组件未手动引入React导致Eslint报错，'React' must
转载
2024-10-10 14:30:25
123阅读
相关网站1. Vite中文官网：Vite中文官网
2. Vue3中文官网：Vue3中文官网
3. Element Plus官网：Element Plus官网
一、创建项目安装Vite# npm
npm init @vitejs/app
# yarn
yarn create @vitejs/app新建Vue3项目# npm 6.x
npm init @vitejs/app my-vue-app -
按照eslint 规范写代码 [eslint] 'flag' is assigned to itself. (no-self-assign)
转载
2018-08-24 12:58:00
367阅读
2评论
想起自己刚入行的时候，从svn上把代码checkout下来，看到同事写的代码，大括号居然换行了。心中暗骂，这个人是不是个**，大括号为什么要换行？年轻气盛的我，居然满腔怒火，将空行一一删掉。 但是关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。所以，团队关于代码风格必须遵循两个基本原则：少数服从多数；用工具统一风格。本文将介绍，如何使用ESLint + Prett
一、序言和 Webpack相比，Vite 具有以下特点： 快速的冷启动，不需要等待打包 即时的热模块更新 真正的按需编译，不用等待整个项目编译完成Vite 优点Vite 缺点开发服务器比 Webpack 快 10-100 倍只能针对现代浏览器（ES2015+）将 code-splitting 作为优先事项与 CommonJS 模块不完全兼容处于测试阶段，仅支持 Vue 3最小的脚手架不包括 Vue
1、files.associations 配置文件关联： 任何 vue 后缀的文件会被认为是 html 文件 ，(查看编辑器右下角) 然后 vscode 会用 html 规则匹配 vue 文件做相应格式化，代码提示等。 任何 wxss 后缀的文件被认为是 css 文件 ，然后 vscode 会用 css 规则匹配 wxss 文件，对 css 的属性排序，rem 自动转换，格式化等"files.
看到too many open files可能想到fs.file-max参数，其实还受下面参数影响：fs.inotify.max_queued_events：表示调用inotify_init时分配给inotify instance中可排队的event的数目的最大值，超出这个值的事件被丢弃，但会触发IN_Q_OVERFLOW事件。fs.inotify.max_user_instances：表示每一个
转载
2024-10-17 12:46:08
32阅读
毋庸置疑的，VSCode 编辑器是近两年来的新起之秀，并且迅速取代 Atom、SublimeText 和 WebStorm 这些传统编辑器(IDE)成为目前最受欢迎的轻量级 IDE，虽说这背后自然少不了微软这个大 Boss 的推动，但另一个层面上，它也确实提供了其他编辑器所无法匹敌的功能和便捷性。VSCode 第一个考虑的语言是 TypeScript，对其支持是最好的，当然这因为它在微软现在的战略
Eslint Rules为了让你对规则有个更好的理解，ESLint 对其进行了分门别类。// 规则格式
rules: {
// 规则名
'vue/max-attributes-per-line': [
// 规则权重（报错，警告，不理会）
2,
{
singleline: 5,
// 规则选项
multi
转载
2024-02-27 13:29:34
77阅读
首先在Vscode中安装一下Eslint 在settings.json中进行修改，加入以下代码即可。 "editor.codeActionsOnSave": { "source.fixAll.eslint": true, "eslint.autoFixOnSave" : true, }, 文件保存之 ...
转载
2021-08-11 15:30:00
1271阅读
2评论
每次装新的eclipse都要进行配置，总是记不全，所以将个人习惯配置记录下来。1、自动生成注释步骤： windows -> preference->Java->Code Style->Code Templates–>Comments ->Types->Edit 点击Edit进入编辑，输入以下代码： 前面两行和后面两行有 ‘’’ $ ‘’’ 符号的默认就有，
网上找了很多配置，一开始也是一头雾水，最终自己整理了一下。 一、创建vue项目的时候使用了eslint检查代码，vs code 安装eslint插件。 二、.eslintrc.js 网上各种配置都有，最终找到一个可用的/**
* AlloyTeam ESLint 规则
*
* 包含所有 ESLint 规则
* 使用 babel-eslint 作为解析器
*
* @f
转载
2024-03-06 18:22:51
551阅读
React高阶组件概述高阶组件是React中一个很重要且比较复杂的概念，高阶组件在很多第三方库（如Redux）中都被经常使用，在项目中用好高阶组件，可以显著提高代码质量。高阶函数的基本概念函数可以作为参数被传递setTimeout(() => {
console.log('1')
}, 1000)函数可以作为返回值输出foo = (x) => {
return fu
开发一个项目时，难免会产生很多无关紧要的警告，很多是第三方或是老代码不再被支持造成的，但并不影响使用，花大力气去解决警告也不合时宜，偷个懒，把一些隐藏掉吧！
关闭工程中指定 类型的警告
下面是一个示例工程的警告，一个第三方，还有一些是iOS不再提倡使用的类如UIActionSheet,这些对项目的影响不大，下面就试着取消一些警告吧！
示例工程警告
第一步 找到要取消的警告类型
在相应的警告上右击
解析器：ESLint默认使用Espree作为其解析器你可以指定解析器，但是要符合下列要求：它必须是一个 Node 模块，可以从它出现的配置文件中加载。 通常，这意味着应该使用 npm 单独安装解析器包它必须符合 parser interface 注意:
即使满足这些兼容性要求，也不能保证一个外部
转载
2024-05-05 20:38:13
89阅读
ESLint 有一套全面的 JavaScript 代码规则，涵盖风格选择并防止常见错误。单独使用 ESLint 可以提升你的项目，但是有一些 ESLint 插件可用于添加特定于 React 的规则，这将帮助你编写可靠的 React 应用程序。在这篇文章中，我们将讨论这些 ESLint 规则和插件，包括它们适用于 Hooks 的情况。这里有一些快速链接供您跳转：React Hooks 规则 ( es
转载
2024-04-25 13:18:21
85阅读
