《我的前端学习笔记》 目录： [TOC] 事件循环 The EventLoop model is essentially a concurrency model, which is good at I/O-bound. A successful case is Node.js while its EventLoop model is a little difference with browser's. 一些注意点： 如果在一个微任务的执行期间
前言 最近一直有个问题折磨着我，用 VScode 格式化代码总是自动把单引号变为双引号， 并且在对象后面自动添加逗号和分号，如下图所示， VScode 中也没找到设置禁止，经过一番搜索终于找到了答案！ 解决方法 1. 创建一个 .prettierrc.json 文件，不要忘记前面的小点 如果创建失败，如下图所
react关闭ESlint "eslintConfig": { "extends": [ "react-app", "react-app/jest" ], "rules": { "no-undef": "off", "no-restricted-globals": &quo
本文讲解如何构建一个工程化的前端库，并结合 Github Actions，自动发布到 Github 和 NPM 的整个详细流程。 示例 我们经常看到像 Vue、React 这些流行的开源项目有很多配置文件，他们是干什么用的？他们的 Commit、Release 记录都那么规范，是否基于某种约定？ 废话少说，先上图！ 上图标
以vue2为例 一、 创建并初始化项目 1、vscode打开一个空文件夹，打开终端 2、终端运行：vue create 【项目名】 ##注意项目名不要用驼峰标识，可以用“-”连接 3、按上下键选择 :Marually select features 4、按上下键移动光标，按空格键选择： 5、选择2.x 6、选择路由模式 7、选择样式
问题 Prettier 格式化 JavaScript 代码之后，默认不会在函数与 () 添加空格，而 ESLint 默认情况下则要求函数与 () 之间必须有一个空格。 保留空格的方案配置 在 VSCode 的 settings.json 文件中添加如下配置。 "editor.codeActionsOnSave": { "source.fixAll.eslint": true } 即
前言 给自己的一个初始化项目配置一些规范; Prettier - Code formatter: Prettier - Code formatter ESLint: ESLint Git gitignore: https://git-scm.com/docs/gitignore#_pattern_format 内容 说实话整个配置起来,如果自己从头到尾看文档搞,真的有点耗时间; 主要分为prettier,es
Eslint介绍Eslint 是一个JavaScript验证工具,有了它可以让你的编辑器像ide一样进行一些静态的错误提示功能. npm install eslint -g 项目需要安装的插件 "babel-eslint": "^8.0.3", "eslint": "^4.13.1", "eslint-plugin-react": "^7.5.1", 配置详情下面的配置涵盖了开发者所
使用vscode 开发项目，在项目里一直报Cannot find module 'eslint-babel'。 在项目里看，这个依赖是在package.json里是有的，而且确定是已安装过。 出现这种状态，是使用了vscode工作区的功能，就是一个窗口里，有多个项目（或者是开了多个窗口，打开多个项目）。我这次打开项目，就出现了其中一个项
此插件用来格式化代码，使代码哪怕在开发的时候格式混乱，是吧，编译一下，就会变成统一格式。非常适合团队开发使用。 这个时候有些同学可能会有个疑问，我的开发工具，比如vscode，可以下载开发工具插件，如图。 开发工具中也可以装一些插件辅助你开发，但是这个，只能辅助你自己，如果你的同事没有装，
Vue项目无论是前端项目还是移动端项目，优先推荐使用VS Code作为编译工具。VS Code从使用的角度来说没有IDEA用着方便，但是从Vue的支持程度来说，还是不错的，所以优先推荐大家使用VS Code. 在Vue开发中，我们常见的插件给大家推荐一下几种： 1.Chinese (Simplified) Language Pack 顾名思义，
配置setting.json { "editor.largeFileOptimizations": false, "editor.fontSize": 15, "bracketPairColorizer.depreciation-notice": false, "files.autoSave": "onFocusChange", "workbench.pre
env中的es版本和parserOptions.ecmaVersion的区别？ "env": { "es2021": true }, "parserOptions": { "ecmaVersion": es2021 } parserOptions.ecmaVersion指示您要允许的语法。 env中的es版本表示要添加某个es版本的全局变量。在env中指定了es版本后，会自动启动该版本的语
初始创建vue项目时，开启了eslint，没想到编码不规范造成了编译不成功，又想关掉。看了很多资料都是vue2的，在vue3中应该打开eslintrc.js修改配置，如下： 将里面的 'plugin:vue/vue3-essential', 注释掉，就可。
一、安装 Vue-cli3.x以上版本需要 Node.js 8.9 或更高版本(推荐 v10 以上)。 Node.js 官网 Vue Cli 官网 安装 npm i -g @vue/cli 注：如果需要指定版本，可以使用npm i -g @vue/cli@版本号进行安装 安装成功后，检查 vue --version # 简写：vue -V 卸载 npm uninstall -
报错： Errors: 2 http://eslint.org/docs/rules/quotes 2 http://eslint.org/docs/rules/semi 1 http://eslint.org/docs/rules/space-before-function-paren You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the nex
{ "editor.fontSize": 16, //编辑器字体大小 "[scss]": { "editor.defaultFormatter": "michelemelluso.code-beautifier" }, //scss格式化工具 "workbench.iconTheme": "vscode-icons", //vscode文件图标主题 "termin
1.安装依赖包eslint npm install eslint --save-dev 2.设置package.json文件 "scripts":{ ... "lint":"eslint src", "lint:create":"eslint --init" } 3.初始化eslint npm run lint:create 创建完成后根目录会出现.eslintrc.js
每天都要开心(▽)哇： 以这个项目为案例 下面是项目的基本情况 ✔ What would you like to build? › App with Quasar CLI, let's go! ✔ Project folder: … quasar-project ✔ Pick Quasar version: › Quasar v2 (Vue 3 | latest and greatest) ✔ Pick script type: › Type
参考：https://es6.ruanyifeng.com/#docs/style 1. let 取代 var2. let 和 const 之间，优先使用 const3. const 声明多个变量 const [a, b, c] = [1, 2, 3];4. 静态字符串一律使用单引号或反引号，动态字符串使用反引号5. 使用数组成员对变量赋值时，优先使用解构赋值，const [first, secon
一、起因 今天下载了一个开源项目，vue2写的，打开之后，发现eslint报了一个错： No Babel config file detected，也就是说没有找到babel配置文件。 二、探索与解决 很奇怪，明明项目结构里面有这个babel配置文件，但是eslint仍然找不到他，所以我在网上开始了疯狂找答案，很多博客都
问：vue3.0 脚手架报错 The template root requires exactly one element. eslint-plugin-vue 模板根只需要一个元素。Eslint-plugin-vue 解决： 设置搜索eslint-plugin-vue 取消勾选 原因： Vetur没有兼容最新版vue语法
项目搭建规范 一. 代码规范 1.1. 集成editorconfig配置 EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。 # http://editorconfig.org root = true [*] # 表示所有文件适用 charset = utf-8 # 设置文件字符集为 utf-8 indent_style = spa
{ "workbench.iconTheme": "material-icon-theme", "eslint.migration.2_x": "off", "[javascript]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" }, "files.autoSav
需求 使用prettier插件进行美化，使用eslint进行代码的校验，但是我们在vscode安装了着两个插件后发现会有冲突 疑问 Slint和Prettier格式化的区别？ eslint（包括其他一些 lint 工具）的主要功能包含代码格式的校验，代码质量的校验。而 Prettier 只是代码格式的校验（并格式化代码），不会对代码
