InsCode：下一代应用开发平台？

发布时间：2023-7-5 14:01 发布者：科技新思路

对于一些初、中级程序员，想开发并部署一个中小应用（如开源项目的文档、个人博客、个人网站、在线简历和在线 ChatGPT 聊天工具等）还是有一定门槛的，需要先在电脑上装好对应的开发环境（如 Python、Java、Go、NodeJS等），然后到 GitHub 上创建一个项目，拉到本地，开发完后 push 代码，再到阿里云买云主机，配环境、证书，绑 ssh key，拉代码、编译……纯前端项目相对方便一点，可以本地编译传 CDN，或使用 GitHub Pages 服务等。总体来说，开发部署应用的过程费时费力，效率较低。

现在，有这样一个网站，完美地解决了上述问题。

InsCode： InsCode - 让你的灵感立刻落地

一站式应用开发平台

从官网介绍看，InsCode是一个可以在浏览器中实时运行代码，支持数十种编程语言的开发平台，开发-部署-运维-运营都可以在线完成，并且内置 ChatGPT 问答助手辅助编程。

云端开发环境，丰富的模板

InsCode 提供2核/4GB的云端开发环境和 AI 编程助手，可以开发普通项目、开发AI 应用、一键部署项目（同样是2核/4GB的环境），以及现在最热门的运行 AI 模型。

InsCode的模板中心提供了很多常见的编程语言，如 Python、Java、HTML/CSS/JS、NodeJS、PHP、Go 等。就目前来看，后端开发比前端稍微活跃一些，仅Python 就有约 5000 次的使用。

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

除此之外，InsCode模板中心还有不少游戏和图形相关的框架，如 Three.js、p5.js 以及 WebGL 等。在这里向大家推荐Kaboom ，InsCode上一个好玩的小游戏，有兴趣的用户可以进行尝试。

接下来介绍创建一个 VueJS 项目的流程：

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

点击顶部的 Run 按钮，右边会打开一个终端，这里可以看到运行了 npm i 和 npm run dev 命令，说明背后运行的是一个真实的 Node.JS 环境（可以 node -v 和 npm -v 看看版本）。通过终端信息可以看出这个模板使用了 Vite，启动后会在右侧打开预览，在InsCode平台上能够在同一个界面里写代码、运行代码、预览效果，这个本地 IDE 目前是做不到的。

除此之外，还有 Vite 的热更新，并且有熟悉的调试面板：

IDE 的右上角能看到当前的环境和服务信息，CPU、内存使用率，并提供了 MySQL 的使用通道，满足广大用户做后端项目的机会。

AI 编程助手

如果要问 2023 年什么技术最火，那必须得是 ChatGPT！

InsCode 就内置了 AI 辅助编程！

新建一个 sendmail.js 文件，一开始就写有两行注释：

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

选择这两行代码，顶部会出现一个 AI 工具栏，点击完成代码按钮，右边的 AI 窗口就会返回需要的代码了，并顺便解释了步骤和代码用法。

以下是 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);
  }
}