前言

本文不探讨企业级大我的项目，就咱们平时的集体我的项目、练习我的项目、小作品等等，比方一个开源我的项目的文档（如用 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 生成的作品了，这里轻易贴几个链接体验一下：

  • 网页九宫格小游戏（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。

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