俄罗斯方块

摘要： 1.准备 vscode vscode安装了prettier插件 一个vue3项目 2.步骤 （1）安装eslint插件 yarn add -D eslint （2）初始化eslintrc.js配置文件 控制台执行命令：npx eslint --init 步骤如下： eslint的作用：这里选第一项（ 阅读全文

摘要： vue项目中有时候在纠结静态资源应该放在static文件夹或者public文件夹中。 都知道，vue项目build以后会生成一个dist文件夹，打包后的文件都放那这里。 区别： 1.public public文件夹中的文件会原封不动的放到dist文件夹中。比如我现在有个test文件夹，里面有个tes 阅读全文

摘要： 这篇随笔用来记录如何在git提交之前使用eslint来校验一下代码，如果校验没有通过则不进行提交。 这里需要用到插件：pre-commit 1.pre-commit （1）安装 yarn add -D pre-commit （2）在packages.json中配置 { "name": "11", " 阅读全文

摘要： 1.作用 项目中常用eslint来约定代码的规范，但是格式化代码又需要用到prettier和vetur，很长一段时间都不太懂这三个的作用的相互之间的关系是什么，只知道开发vue项目需要安装vetur插件，格式化代码要用到prettier插件。所以花了一段时间专门来弄懂这三者的关系。 首先要知道这三个 阅读全文

摘要： 项目中需要将整数部分超过三位的数字中间使用逗号隔开，效果如下： 12345678.111 | 123,456,78.111 本来这种需求，直接使用Number.prototype.toLocalString()方法就可以直接达到该效果，但是在开发者工具和真机调试上都是没有问题，只要小程序发布到线上时 阅读全文

摘要： 有时候多个文件需要用到某个全局变量，但是某个全局变量中没有该属性，ESLint就会报错，此时需要向ESlint规则中添加需要辨认的变量。 示例： 上面的index.js文件中，在页面中直接打印ServerData变量（等同于打印global.ServerData），会报错ServerData未定义。 阅读全文

摘要： 一个环境定义了一个一组预定义的全局变量。比如node环境的全局变量是global，但是浏览器环境的全局对象是window。无法在浏览器中调用global变量。 示例，如在 在index.js所在的eslint配置环境中，设置的env环境为node，此时可以全局调用global。但是如果这里改为调用w 阅读全文

摘要： 1.搜索ESLINT插件。 2.安装好后，去往设置 3.搜索eslint 这里可以通过在配置页面手动添加规则，点击Add Item： 还可以在settings.json中配置。不过这里面的配置还没有看懂，所以暂时不说这里如何配置 在上面的直接添加规则方法中添加的规则可以在js文件中体现出来 如设置了 阅读全文

摘要： 配置ESLint的方式有5种。前面三种是使用npx eslint --init命令生成的配置文件，在选择如何保存配置文件时可以分别选择JavaScript、YAML、JSON三种配置文件格式。三种文件的结构大致都相同。 1.JavaScript module.exports = { "env": { 阅读全文

摘要： 项目中可能需要根据不同的目录配置不同的规则，比如你有如下的项目结构： your-project ├── .eslintrc ├── lib │ └── source.js └─┬ tests ├── .eslintrc └── test.js 当前js文件会优先选择当前目录的eslintrc配置文件 阅读全文