首页 > 编程语言 >7.1【微信小程序全栈开发课程】 小程序上线--Eslint格式规范

7.1【微信小程序全栈开发课程】 小程序上线--Eslint格式规范

时间:2023-02-05 11:32:03浏览次数:45  
标签:src vue -- 微信 程序 js truth 格式 hold


在第2.2节我们注释代码规避了ESlint格式错误,现在将代码取消注释,将Eslint格式格式问题统一修改

ps:这一节跳过也可以,不进行Eslint格式规范,小程序项目上线后也可以正常运行

1、取消注释

修改bulid/webpack.base.conf.js文件,找到第2.2节注释的代码,取消注释(command+/),记得保存文件~~~

{
test: /\.(js|vue)$/,
loader: 'eslint-loader',
enforce: 'pre',
include: [resolve('src'), resolve('test')],
options: {
formatter: require('eslint-friendly-formatter')
}
},

2、格式问题统一修改

(1)修改项目根目录下的package.json文件,将scripts对象中的lint后面的代码,加上–fix,如下图示例

7.1【微信小程序全栈开发课程】 小程序上线--Eslint格式规范_sed

(2)修改项目根目录下面的.eslintrc.js文件

在rules中添加下面两项,允许tab缩进

// 禁止 tab 缩进
'no-tabs': 0,
// 禁止空格和 tab 的混合缩进
'no-mixed-spaces-and-tabs': 0,

7.1【微信小程序全栈开发课程】 小程序上线--Eslint格式规范_根目录_02

(3)在终端项目目录下运行npm run lint修改代码的样式
~/WeChatProjects/truth_hold$ npm run lint
> [email protected] lint /Users/xuzhaoning/WeChatProjects/truth_hold
> eslint --fix --ext .js,.vue src

/Users/xuzhaoning/WeChatProjects/truth_hold/src/pages/index/index.vue
65:23 error Expected '!==' and instead saw '!=' eqeqeq

/Users/xuzhaoning/WeChatProjects/truth_hold/src/pages/me/me.vue
75:21 error The array literal notation [] is preferable no-array-constructor

/Users/xuzhaoning/WeChatProjects/truth_hold/src/utils/index.js
13:9 error 'second' is assigned a value but never used no-unused-vars

✖ 3 problems (3 errors, 0 warnings)

可以看到现在有三个错误,我们逐一来修改

3、修改格式错误

(1)错误1:​​error Expected '!==' and instead saw '!='​

我们应该将!=写成!==才符合Eslint格式规范,经上面的日志提示,此错误在src/pages/index/index.vue文件中

将resetMart方法中的!=改成!==

async resetMart () {
// 如果当前总分不为0,继续往下执行
if (this.mark !== 0) {
(2)错误2:​​The array literal notation [] is preferable​

src/pages/me/me.vue文件第75行的new Array()定义不符合规范,根据下面格式修改

//原代码
var quotes = new Array()

//修改为
var quotes = []
(3)错误3:​​'second' is assigned a value but never used​

在src/utils/index.js文件中,second被定义了,但是没有被用到,所以我们将定义second的字段删掉即可

//删掉
const second = date.getSeconds()

4、重新规范格式

打开终端,在项目目录下重新运行npm run lint

出现下面内容,没有报错,说明格式规范已经完成

~/WeChatProjects/truth_hold$ npm run lint
> [email protected] lint /Users/xuzhaoning/WeChatProjects/truth_hold
> eslint --fix --ext .js,.vue src

作者:猫宁一
95后全栈程序媛₍ᐢ •⌄• ᐢ₎一枚~ 热爱学习!热爱编程!
可关注【猫宁一】公众号领取我所有全栈项目代码哦~

7.1【微信小程序全栈开发课程】 小程序上线--Eslint格式规范_根目录_03

标签:src,vue,--,微信,程序,js,truth,格式,hold
From: https://blog.51cto.com/u_12187435/6038241

相关文章

  • 7.3【微信小程序全栈开发课程】小程序上线--nginx安装、SSL证书安装
    1、安装nginxnginx是一个强大的http服务器,作用是解析链接信息,告诉服务器客户端需要做什么比如nginx收到了链接信息http://localhost:8000/hello/index.html,就告诉服务器客户......
  • 运行pm2命令只出现[PM2] Spawning PM2 daemon with pm2_home=/root/.pm2
    小程序上线过程中,pm2安装成功了,但是运行pm2命令只打印一句话root@iZm5e3iekfi2krh6udbikaZ:~/.pm2#pm2-v[PM2]SpawningPM2daemonwithpm2_home=/root/.pm2查看pm2日志......
  • Oracle过程
    --过程:类似于Java中的无返方法--示例1:过程的基本语法createorreplaceprocedure过程名([参数1类型(不要长度),参数2类型,....])is/as[局部变量1类型(要长度);......
  • 5.4节约内存的编程方式
    以图形用户界面(GUI,GraphicalUserInterface)为基础的Windows,可以说是一个巨大的操作系统。Windows的前身是MS-DOS操作系统,最初版本可以在128KB左右的内存上运行,而想要W......
  • .NET 6学习笔记(6)——SSL证书的导出和格式转换
    除了广阔的互联网,这个世界上还存在很多运行在公司内网的WebApplication。假设有团队A提供的网站A,现团队B需要将网站B与之集成。网站A已使用了自签的SSL证书。团队B希望能......
  • 5.5磁盘的物理结构
    磁盘的物理结构是指磁盘存储数据的形式。磁盘是通过把其物理表面划分成多个空间来使用的。划分的方式有扇区方式和可变长方式两种,前者是指将磁盘划分为固定长度的空间,后者......
  • Spring boot 3.0 日志
    springboot3.0已经自己集成了日志功能 logbackSpringBoot启动时自动加载配置文件,配置文件的默认名称为:logback.xml或logback-test.xml其它的文件需要配置yall......
  • Java构成覆盖重写的条件(图文)
    如有不足或错误的地方,欢迎讨论指正。目录总结简单示例总结子父类之间具有继承关系必须保证子父类之中的方法名称、参数列表都要相同与方法重载相区别子类方法......
  • xaf 打开Model.xafml报错, Value cannot be null. (Parameter 'uriString')
    xaf.win项目,Model.xafml文件打开时报错,设计器不能正确加载AnalyzetheModelEditorServerNETCoreandModelEditorClientNETCorelogfilesinthe%USERPROFILE%\AppDa......
  • Checkmk监控工具使用手册
    其实用法Checkmk官网文档很全面:https://docs.checkmk.com/latest/en/intro_setup.html顺着beginner'sguide章节看完基本就能上手,以下只是对于整体用法的梳理和总结常用......