前段时间GPT-4刚出来不久,再次成为网络的焦点。许多人迫不及待的申请注册了账号,但不少人仍然还没有账号,或者账号被莫名的封控,于是少了一个直接使用GPT的渠道。在这里给大家推荐一个客户端软件和一个vscode插件,它们可以让你间接的使用GPT。
🚀🚀🚀 Cursor与Bito目前都需要登录(可使用Github账号)
一、Cursor(www.cursor.so/)
1.下载之后直接安装,打开后可手动创建其他文件或文件夹(旧版本默认有main.js、main.py文件)
2.Ctrl+K:录入指令或你的需求
3.回车生成代码(例子):
4.选中一行,Ctrl+L: 输入问题,回车生成回答
二、Bito - ChatGPT to write code, explain code, create tests) 1.vscode软件搜索Bito直接安装,或者官网下载之后安装(marketplace.visualstudio.com/items?itemN…
2.安装成功后在左下角可找到
3.输入需求或问题并回车(有时访问慢,需要耐心等待)
4.展示问题和回答
Bito的完整回答:
在 Vue 项目中防止提交代码中包含 debugger 操作符的方法主要包括以下两种:
- 使用 Git Hooks 进行代码提交前检查
在 Git Hooks 中,有一个 pre-commit 钩子,用于在代码提交前进行检查。我们可以在该钩子中使用 shell 脚本或其他语言实现,检查代码是否包含
debugger操作符等关键字。如果检查失败,则阻止代码提交。 以下是使用 Shell 脚本在 pre-commit 钩子中检查代码的示例:
- 首先,在项目根目录下创建一个名为
.git/hooks/pre-commit的文件。 - 将以下代码复制到该文件中:
#
# Git hook script to check if there is a debugger statement in staged JavaScript files
# This script is based on pre-commit hook script from https://github.com/sindresorhus/np
#
# Get staged JavaScript files
js_files=$(git diff --cached --name-only --diff-filter=ACM -- '*.js' '*.jsx' '*.ts' '*.tsx')
# Check if there is a debugger statement in any of the staged JavaScript files
for file in $js_files
do
if grep -q 'debugger' "$file"; then
echo "Error: Found 'debugger' statement in $file. Please remove it before committing." >&2
exit 1
fi
done
- 给该文件加上执行权限:
$ chmod +x .git/hooks/pre-commit
现在,当你在提交代码前包含
debugger操作符时,会提示错误并阻止提交。
- 使用 ESLint 进行代码检查
ESLint 是一个开源的 JavaScript 代码检查工具。我们可以在 ESLint 中配置规则,以检查代码是否包含
debugger操作符等关键字,并在代码检查失败时,防止代码提交。 以下是使用 ESLint 进行代码检查的示例:
- 首先,安装 ESLint: $ npm install eslint --save-dev
- 在项目根目录下创建一个 ESLint 配置文件
.eslintrc.js,并添加以下配置: module.exports = { rules: { 'no-debugger': 'error' } } 这条配置规则的含义是,禁止在代码中使用debugger操作符。 - 在代码提交前,运行 ESLint 检查,查看是否有代码违反了规则:
$ eslint . --ext .js,.vue --fix
--ext .js,.vue用于指定需要检查的文件类型。--fix用于 lint 错误,并尝试自动修复。 现在,当你在提交代码前包含debugger操作符时,会提示错误并阻止提交。
5、代码亲测有效:
a.代码复制到husky.sh文件中
b.在vue文件的js写上debugger,git add ., git commit -m 'xxx',结果如下(成功阻止):
6.当然,它不仅仅是生成与解释代码,还有其他用途,如:写文章、列举计划等等