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

現在，有這樣一個網站，完美地解決了上述問題。

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

一站式應用開發(fā)平臺

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

云端開發(fā)環(huán)境，豐富的模板

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

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

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

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

接下來介紹創(chuàng)建一個 VueJS 項目的流程：

創(chuàng)建好項目會自動進入一個在線 IDE 的頁面，代碼編輯器用的是 VSCode，編程體驗上和本地 IDE 是一樣的（畢竟本來就是同一個東西）。

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

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

IDE 的右上角能看到當前的環(huán)境和服務信息，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 {
    // 創(chuàng)建一個SMTP客戶端配置
    const config = {
      host: "smtp.qq.com", // 郵箱的SMTP服務器地址
      port: 587, // 端口號，一般采用587
      auth: {
        user: "your-email@qq.com", // 發(fā)件人的郵箱地址
        pass: "your-email-password", // 郵箱的授權碼
      },
    };
    // 創(chuàng)建一個SMTP客戶端對象
    const transporter = nodemailer.createTransport(config);
    // 發(fā)送郵件
    const info = await transporter.sendMail({
      from: '"Your Name" <your-email@qq.com>', // 發(fā)件人的名稱和郵箱地址
      to, // 收件人
      subject: title, // 郵件標題
      text: body, // 郵件正文
    });
    console.log("Message sent: %s", info.messageId);
  } catch (error) {
    console.error(error);
  }
}

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

在 InsCode 社區(qū) 進行搜索，已經有很多純 AI 生成的作品了，比如：

• · 網頁九宮格小游戲（AI生成）

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

• · 21點小游戲

• · Vue實現1024 霓虹燈

一鍵部署至生產環(huán)境

項目做好后，下一步就是 部署 出去讓別人訪問。

InsCode 能夠直接一鍵部署項目。打開部署面板，只需點擊 部署項目 按鈕（如下圖）就可以實現部署至生產環(huán)境，并且支持修改域名。

部署編譯的過程：

 部署成功：

部署好后點擊域名就可以進行訪問：

 如果想要更新已經部署完成的項目，直接在 云 IDE 中修改代碼，之后一鍵更新部署。這一切都是在瀏覽器中完成的，不需要配置環(huán)境，不需要購買云主機……隨時隨地都可以進行，在iPad 上同樣可以做到。

一鍵部署自己的專屬 ChatGPT 應用

InsCode 在開發(fā)環(huán)境中內置了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提供的環(huán)境中體驗AI繪畫：

 試玩地址：Stable Diffusion 模型

社區(qū)學習

InsCode 的 Ins 并不是 Instagram 的 Ins，而是 Inspiration 的 Ins。意思是創(chuàng)作、尋找有靈感的代碼。

InsCode 本身也是一個很好的學習平臺，在它的 社區(qū) 中已經有非常多優(yōu)秀的作品了：

• · Sentiment analysis AI 100k：情感分析模型，基于TensorFlow，準確率83%,數據集為IBDM，參數量100k

• · Python實現五子棋：一個用 Python 做的 Console game

• · 指節(jié)跳動：一個練習打字的 HTML5 應用

• · Minecraft：我的世界 Web 版

InsCode中每個發(fā)布到社區(qū)的作品代碼都是開源的，方便大家學習：

 對于開源項目的代碼有看不懂的地方，還可以直接問 AI 編程助手，能夠高效地提供準確的結果，對新手來說非常友好：

 歡迎大家來探索 InsCode！

生成海報

免責聲明：本網站內容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網站出現的信息，均僅供參考。本網站將盡力確保所提供信息的準確性及可靠性，但不保證有關資料的準確性及可靠性，讀者在使用前請進一步核實，并對任何自主決定的行為負責。本網站對有關資料所引致的錯誤、不確或遺漏，概不負任何法律責任。任何單位或個人認為本網站中的網頁或鏈接內容可能涉嫌侵犯其知識產權或存在不實內容時，應及時向本網站提出書面權利通知或不實情況說明，并提供身份證明、權屬證明及詳細侵權或不實情況證明。本網站在收到上述法律文件后，將會依法盡快聯系相關文章源頭核實，溝通刪除相關內容或斷開相關鏈接。