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 次使用，说明还是有不少人用的，目前来看后端比前端活跃呀 😄。

除了编程语言，还提供了丰富的模板，像热门的 VueJS、React、Next.js、Nuxt.js 都是有的，当然，也少不了 iView 😝（这里有一个小秘密：InsCode 网站就是用 iView 开发的）。

还有不少游戏和图形相关的框架，比如 Three.js、p5.js 以及 WebGL 等。试了一下，Kaboom 这个还挺好玩啊，大家可以去试试。

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

创建好项目会自动进入一个在线 IDE 的页面，代码编辑器用的是 VSCode，编程体验上和本地 IDE 是一样的（本来就是一个东西嘛 🙂）。

点击顶部的 Run 按钮，右边会打开一个终端，这里可以看到运行了 npm i 和 npm 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 生成的作品了，这里随便贴几个链接体验一下：