关于一些初、中级程序员，想开发并布置一个中小运用（如开源项目的文档、个人博客、个人网站、在线简历和在线 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);

}

}

除了 AI 完结代码，InsCode还有 解说代码、增加注释、寻觅 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

下面是作者克己的 AI 中英互译ChatGPT 运用，当输入中文时，主动翻译为英文，当输入英文时则翻译为中文。

在线体会：AI 中英互译

一键敞开 Stable Diffusion AI 绘画

本年最火的除了 ChatGPT，还有 AI 绘画 及其相应的大模型，比方Stable Diffusion。下面这种类型的图，最近是不是常常看见呢？

它们都是由 AI 绘画模型 Stable Diffusion完结的。可是，装置 Stable Diffusion 是有必定门槛的，而且需求相应装备的显卡，这让许多想体会一下的新手用户望而生畏。

InsCode 供给了在线的 Stable Diffusion 模型，可以一键发动 WebUI进行 AI 绘画：

花一块钱，就能换来一个小时的 RTX 3090 体会。

在InsCode供给的环境中体会AI绘画：

试玩地址：Stable Diffusion 模型

社区学习

InsCode的 Ins并不是 Instagram 的 Ins，而是 Inspiration的 Ins。意思是创造、寻觅有创意的代码。

InsCode 自身也是一个很好的学习渠道，在它的 社区中现已有十分多优异的著作了：

Sentiment analysis AI 100k：情感剖析模型，根据TensorFlow，精确率83%,数据集为IBDM，参数量100k

Python完结五子棋：一个用 Python 做的 Console game

指节跳动：一个操练打字的 HTML5 运用

Minecraft：我的国际 Web 版

InsCode中每个发布到社区的著作代码都是开源的，便利我们学习：

关于开源项目的代码有看不懂的当地，还可以直接问 AI 编程帮手，可以高效地供给精确的成果，对新手来说十分友爱：

欢迎我们来探究 InsCode！