乐趣区

关于chatgpt:InsCode这可能是下一代应用开发平台

前言

本文不探讨企业级大我的项目,就咱们平时的集体我的项目、练习我的项目、小作品等等,比方一个 开源我的项目的文档 (如用 VitePress 搭建的);或者 集体博客 (Hexo、WordPress 等);或者 集体网站 在线简历;或者一个在线的 ChatGPT 聊天工具

惯例开发这样一个利用,你须要先在电脑上装好对应的开发环境(如 Python、Java、Go、NodeJS),而后到 GitHub 上创立个我的项目,拉到本地,开发完后 push 代码。再到阿里云买云主机,配环境、证书,绑 ssh key,拉代码、编译 …

纯前端我的项目绝对不便一点,能够本地编译传 CDN,或应用 GitHub Pages 服务等(但这个速度真的不可理喻,懂的都懂 …),总之,集体想折腾个网站还是挺麻烦的。

所以,对于一些初、中级程序员,想开发并部署一个中小利用还是有肯定门槛的。

一站式利用开发平台

当初,有这样一个网站,完满地解决了上述问题:

InsCode: https://inscode.net

它的官网是这样介绍的:

从介绍看,是一个能够在浏览器中实时运行代码,反对数十种编程语言的开发平台。从 开发 - 部署 - 运维 - 经营 都能够在线实现。还内置了 ChatGPT 问答助手 辅助编程。

云端开发环境,丰盛的模板

从首页能够看到,InsCode 提供了 2 核 /4GB云端开发环境 AI 编程助手 ,能够开发一般我的项目、AI 利用、一键部署我的项目(也是 2 核 /4GB 的环境),以及当初最热门的 运行 AI 模型

模板中心里,提供了很多常见的 编程语言,比方 Python、Java、HTML/CSS/JS、NodeJS、PHP、Go 等,像 Python 有近 5000 次应用,阐明还是有不少人用的,目前来看后端比前端沉闷呀 😄。

除了编程语言,还提供了丰盛的模板,像热门的 VueJSReactNext.jsNuxt.js 都是有的,当然,也少不了 iView 😝(这里有一个小机密:InsCode 网站就是用 iView 开发的)。

还有不少 游戏 图形 相干的框架,比方 Three.jsp5.js 以及 WebGL 等。试了一下,Kaboom 这个还挺好玩啊,大家能够去试试。

咱们先创立一个 VueJS 的我的项目试一试吧。

创立好我的项目会主动进入一个 在线 IDE 的页面,代码编辑器用的是 VSCode,编程体验上和本地 IDE 是一样的(原本就是一个货色嘛 🙂)。

点击顶部的 Run 按钮,左边会关上一个终端,这里能够看到运行了 npm inpm run dev 命令,阐明背地运行的是一个实在的 Node.JS 环境(能够 node -v 和 npm -v 看看版本)。通过终端信息能够看出这个模板应用了 Vite,启动后会在右侧关上 预览 ,在同一个界面里 写代码 运行代码 预览成果,这个本地 IDE 还是不行的。

试了一下,还有 Vite 的 热更新 ,并且有相熟的 调试 面板,这点还是很敌对的 👍🏻:

IDE 的右上角能看到以后的 环境和服务 信息,CPU、内存使用率,还提供了 MySQL 应用,这个能玩的货色就多了,有空能够搞个后端我的项目玩一玩。

AI 编程助手

如果要问 2023 年啥技术最火,那必须得是 ChatGPT

InsCode 就内置了 AI 辅助编程,这里我建了一个 sendmail.js 的文件,一开始就写了两行正文:

//sendMail
// 参数:to、title、body

抉择这两行代码,顶部会呈现一个 AI 工具栏 ,点击 实现代码 按钮,左边的 AI 窗口就会返回须要的代码了,顺便还解释了步骤和用法,不得不拜服 GPT 的弱小!

以下是 InsCode AI 编程助手返回的代码

const nodemailer = require('nodemailer');

async function sendMail(to, title, body) {
  try {
    // 创立一个 SMTP 客户端配置
    const config = {
      host: "smtp.qq.com", // 邮箱的 SMTP 服务器地址
      port: 587, // 端口号,个别采纳 587
      auth: {
        user: "your-email@qq.com", // 发件人的邮箱地址
        pass: "your-email-password", // 邮箱的受权码
      },
    };

    // 创立一个 SMTP 客户端对象
    const transporter = nodemailer.createTransport(config);

    // 发送邮件
    const info = await transporter.sendMail({
      from: '"Your Name" <your-email@qq.com>', // 发件人的名称和邮箱地址
      to, // 收件人
      subject: title, // 邮件题目
      text: body, // 邮件注释
    });

    console.log("Message sent: %s", info.messageId);
  } catch (error) {console.error(error);
  }
}

除了 AI 实现代码,还有 解释代码 增加正文 寻找 Bug优化代码 等,也能够依据某段选中的代码发问,这个性能在浏览他人代码,尤其是开源我的项目(比方 Vue)时可太有用了。

到 InsCode 社区 搜寻了一下,曾经有很多纯 AI 生成的作品了,这里轻易贴几个链接体验一下:

  • 网页九宫格小游戏(AI 生成)
  • Python 获取域名的解析 IP 地址
  • 21 点小游戏
  • Vue 实现 1024 霓虹灯

一键部署至生产环境

我的项目做好了,下一步就是 部署 进来让他人拜访。

InsCode 能够间接一键部署,关上部署面板后,只需点击 部署我的项目 按钮就能够,也能够批改域名。

部署编译的过程:

部署胜利:

部署好后点击域名就能够拜访啦:

这个的确太不便了,想更新时,间接在 云 IDE 中批改代码,一键 更新部署 就行。而且这一切都是在 浏览器 中实现的,不须要配置环境,不须要买云主机 … 随时随地都能够进行,iPad 天然也是能够的。

一键部署本人的专属 ChatGPT 利用

InsCode 在开发环境中还内置了 GPT 3.5 API,能够一键领有一个专属本人的 ChatGPT 利用,应用这个官网提供的模板,一键 Fork 或者一键 部署 都能够的:

模板地址:ChatGPT Template With Vue

不必折腾 openAI 账号,也不必迷信上网,妥妥的开箱即用呀 👍🏻。

我也本人做了一个 AI 中英互译 的 ChatGPT 利用,当输出中文时,主动翻译为英文,当输出英文时则翻译为中文:

在线体验:AI 中英互译

一键开启 Stable Diffusion AI 绘画

还没完呢,往年最火的除了 ChatGPT,还有 AI 绘画Stable Diffusion

就是上面这种类型的图,最近是不是常常看见呢:

它们都是由 AI 绘画模型 Stable Diffusion 实现的。然而,想要装置 Stable Diffusion 是有肯定门槛的,而且须要好点的显卡能力跑起来,这让很多想体验一下的老手用户就间接劝退了。

正好 InsCode 也提供了在线的 Stable Diffusion 模型,能够一键启动 WebUI 进行 AI 绘画,简略好用:

花一块钱,就能玩上一个小时,还是很不错滴,毕竟是 RTX 3090 呀:

这个是我画的,怎么样,还不错吧 😄:

试玩地址:Stable Diffusion 模型,能够填写本人感兴趣的 关键词 看看成果哦。

社区学习

InsCode 的 Ins 并不是 Instagram 的 Ins,而是 Inspiration 的 Ins。意思是创作、寻找 有灵感 的代码。

InsCode 自身也是一个很好的学习平台,在它的 社区 中曾经有十分多优良的作品了,比方上面这几个:

  • Sentiment analysis AI 100k:情感分析模型,基于 TensorFlow,准确率 83%, 数据集为 IBDM,参数量 100k
  • Python 实现五子棋:一个用 Python 做的 Console game
  • 指节跳动:一个练习打字的 HTML5 利用
  • Minecraft:我的世界 Web 版,这个太强大了,就不必多介绍了

每个公布到社区的作品代码都是 开源 的,能够很不便的学习:

有看不懂的中央,还能够间接问 AI 编程助手,对老手来说是很敌对的,这可比百度搜寻不便和精确多了:

结尾

好了,以上就是本文的全部内容了,感谢您能看到这里,更多有意思的内容还须要大家去摸索 InsCode。

如果您感觉本文还不错的话,欢送转发、点赞、珍藏反对我一下。如果您期待我的后续更新,不要遗记点个关注,您的反对就是我创作最大的能源,咱们下篇文章见!

退出移动版