编辑器eslint格式_VS Code 编辑器配置（ESLint，自动格式化）《 电商小程序案例：页面结构 》...

ESLint 能帮我们规范写的代码 .. 可以先给 VS Code 编辑器去安装一个 ESLint 插件 .. 打开命令面板 .. 搜索 install .. 选择安装扩展 .. 搜索一下 eslint ..

安装一下这个插件 .. 安装好以后，打开编辑器的设置 .. 搜索一下 eslint .. 这里会出现一些相关的配置 .. 勾选一下 Auto Fix On Save .. 保存文件以后，它会自动修复一些错误 ..

再搜索一下 format .. 勾选一下编辑器的 Format On Save ..

项目下面有个 ESLint 配置文件 .. 就是这个 .eslintrc ..

保存一下 .. 文件内容会被格式化 ..

再打开一个页面 .. src .. pages .. index .. 这个文件里 ESlint 列出了一些问题 .. 比如这个 AtButton .. 提示它被定义之后没有在这个文件的任何地方用到 ..

在页面的视图里 .. 修改一个属性的值 .. 把它的单引号换成双引号 .. 提示这里不应该使用双引号 .. 保存一下文件 .. 会自动把它修复成单引号 ..

再看一下 .. 这个 API_WS .. 提示没有被定义 .. 它是我们在应用的开发环境配置里定义的一个常量 ..

在 eslint 的配置文件里修复一下 .. 里面添加一个 globals .. 设置一下全局变量 .. 里面添加一个 API_WS .. readable ..

保存 .. 之前在 API_WS 这里出现的警告就不见了 ..