InsCode：这可能是下一代应用开发平台？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 313 天前的主题，其中的信息可能已经有所发展或是发生改变。

前言

本文不讨论企业级大项目，就我们平时的个人项目、练习项目、小作品等等，比如一个开源项目的文档（如用 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: "[email protected]", // 发件人的邮箱地址
        pass: "your-email-password", // 邮箱的授权码
      },
    };

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

    // 发送邮件
    const info = await transporter.sendMail({
      from: '"Your Name" <[email protected]>', // 发件人的名称和邮箱地址
      to, // 收件人
      subject: title, // 邮件标题
      text: body, // 邮件正文
    });

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

除了 AI 完成代码，还有 解释代码、添加注释、寻找 Bug、优化代码 等，也可以根据某段选中的代码提问，这个功能在阅读别人代码，尤其是开源项目（比如 Vue ）时可太有用了。

到 InsCode 社区搜索了一下，已经有很多纯 AI 生成的作品了，这里随便贴几个链接体验一下：