InsCode：下一代應用開(kāi)發(fā)平臺？

對于一些初、中級程序員，想開(kāi)發(fā)并部署一個(gè)中小應用（如開(kāi)源項目的文檔、個(gè)人博客、個(gè)人網(wǎng)站、在線(xiàn)簡(jiǎn)歷和在線(xiàn) ChatGPT 聊天工具等）還是有一定門(mén)檻的，需要先在電腦上裝好對應的開(kāi)發(fā)環(huán)境（如 Python、Java、Go、NodeJS等），然后到 GitHub 上創(chuàng )建一個(gè)項目，拉到本地，開(kāi)發(fā)完后 push 代碼，再到阿里云買(mǎi)云主機，配環(huán)境、證書(shū)，綁 ssh key，拉代碼、編譯……純前端項目相對方便一點(diǎn)，可以本地編譯傳 CDN，或使用 GitHub Pages 服務(wù)等�？傮w來(lái)說(shuō)，開(kāi)發(fā)部署應用的過(guò)程費時(shí)費力，效率較低。

現在，有這樣一個(gè)網(wǎng)站，完美地解決了上述問(wèn)題。

InsCode： InsCode - 讓你的靈感立刻落地

從官網(wǎng)介紹看，InsCode是一個(gè)可以在瀏覽器中實(shí)時(shí)運行代碼，支持數十種編程語(yǔ)言的開(kāi)發(fā)平臺，開(kāi)發(fā)-部署-運維-運營(yíng)都可以在線(xiàn)完成，并且內置 ChatGPT 問(wèn)答助手輔助編程。

InsCode 提供2核/4GB的云端開(kāi)發(fā)環(huán)境和 AI 編程助手，可以開(kāi)發(fā)普通項目、開(kāi)發(fā)AI 應用、一鍵部署項目（同樣是2核/4GB的環(huán)境），以及現在最熱門(mén)的運行 AI 模型。

InsCode的模板中心提供了很多常見(jiàn)的編程語(yǔ)言，如 Python、Java、HTML/CSS/JS、NodeJS、PHP、Go 等。就目前來(lái)看，后端開(kāi)發(fā)比前端稍微活躍一些，僅Python 就有約 5000 次的使用。

除編程語(yǔ)言外，模板中心還有豐富的模板可供用戶(hù)選擇，像熱門(mén)的 VueJS、React、Next.js、Nuxt.js 都是有的，當然，也少不了 iView （這里有一個(gè)小秘密：InsCode 網(wǎng)站就是用 iView 開(kāi)發(fā)的）

除此之外，InsCode模板中心還有不少游戲和圖形相關(guān)的框架，如 Three.js、p5.js 以及 WebGL 等。在這里向大家推薦Kaboom ，InsCode上一個(gè)好玩的小游戲，有興趣的用戶(hù)可以進(jìn)行嘗試。

創(chuàng )建好項目會(huì )自動(dòng)進(jìn)入一個(gè)在線(xiàn) IDE 的頁(yè)面，代碼編輯器用的是 VSCode，編程體驗上和本地 IDE 是一樣的（畢竟本來(lái)就是同一個(gè)東西）。

點(diǎn)擊頂部的 Run 按鈕，右邊會(huì )打開(kāi)一個(gè)終端，這里可以看到運行了 npm i 和 npm run dev 命令，說(shuō)明背后運行的是一個(gè)真實(shí)的 Node.JS 環(huán)境（可以 node -v 和 npm -v 看看版本）。通過(guò)終端信息可以看出這個(gè)模板使用了 Vite，啟動(dòng)后會(huì )在右側打開(kāi) 預覽，在InsCode平臺上能夠在同一個(gè)界面里寫(xiě)代碼、運行代碼、預覽效果，這個(gè)本地 IDE 目前是做不到的。

除此之外，還有 Vite 的 熱更新，并且有熟悉的 調試 面板：

IDE 的右上角能看到當前的環(huán)境和服務(wù)信息，CPU、內存使用率，并提供了 MySQL 的使用通道，滿(mǎn)足廣大用戶(hù)做后端項目的機會(huì )。

如果要問(wèn) 2023 年什么技術(shù)最火，那必須得是 ChatGPT！

InsCode 就內置了 AI 輔助編程！

新建一個(gè) sendmail.js 文件，一開(kāi)始就寫(xiě)有兩行注釋?zhuān)?/font>

//sendMail
// 參數：to、title、body

選擇這兩行代碼，頂部會(huì )出現一個(gè) AI 工具欄，點(diǎn)擊 完成代碼 按鈕，右邊的 AI 窗口就會(huì )返回需要的代碼了，并順便解釋了步驟和代碼用法。

以下是 InsCode AI 編程助手返回的代碼

const nodemailer = require('nodemailer');
async function sendMail(to, title, body) {
  try {
    // 創(chuàng )建一個(gè)SMTP客戶(hù)端配置
    const config = {
      host: "smtp.qq.com", // 郵箱的SMTP服務(wù)器地址
      port: 587, // 端口號，一般采用587
      auth: {
        user: "your-email@qq.com", // 發(fā)件人的郵箱地址
        pass: "your-email-password", // 郵箱的授權碼
      },
    };
    // 創(chuàng )建一個(gè)SMTP客戶(hù)端對象
    const transporter = nodemailer.createTransport(config);
    // 發(fā)送郵件
    const info = await transporter.sendMail({
      from: '"Your Name" <your-email@qq.com>', // 發(fā)件人的名稱(chēng)和郵箱地址
      to, // 收件人
      subject: title, // 郵件標題
      text: body, // 郵件正文
    });
    console.log("Message sent: %s", info.messageId);
  } catch (error) {
    console.error(error);
  }
}

除了 AI 完成代碼，InsCode還有 解釋代碼、添加注釋、尋找 Bug、優(yōu)化代碼 等功能，也可以就某段選中的代碼進(jìn)行提問(wèn)，代碼功能在閱讀別人代碼，尤其是開(kāi)源項目（如 Vue）時(shí)非常有用。

在 InsCode 社區 進(jìn)行搜索，已經(jīng)有很多純 AI 生成的作品了，比如：

• · 網(wǎng)頁(yè)九宮格小游戲（AI生成）

• · Python獲取域名的解析IP地址

• · 21點(diǎn)小游戲

• · Vue實(shí)現1024 霓虹燈