项目中完整的使用eslint检查代码风格过程

遇到的bug:如果vscode的eslint插件更新到最新2.4.4版本,有可能导致eslint版本不起作用,所以可以选择不更新版本,还有其他什么办法解决可以留言。

如何在创建项目后使用eslint,比如vue项目,uniapp项目,ESLint:用来规范或者约束代码,例如引号用单引号还是双引号 ,代码结尾是否要加分号,定义变量是否被调用了等等。以下是整个过程。

1.如果项目中没有page.json文件,请先初始化一个page.json文件,该文件会显示所有安装的依赖列表以及项目情况。在项目目录下进入cmd命令窗口,执行:npm init -y,如下:

 

2.自行建立项目,如用vue-cli快速建立vue项目,用hbuildX建立uniapp项目,详细步骤自行在网上搜索。

3. 先安装eslint依赖,再安装vscode的插件

安装eslint插件:

// 全局安装
npm i -g eslint

 再初始化eslint配置

npm init @eslint/config

然后根据步骤提示根据自己的需求一步一步进行配置:

 第一步:通过上下键移动选择项,按回车键确定选择

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值