久久精品精选,精品九九视频,www久久只有这里有精品,亚洲熟女乱色综合一区
    分享

    InsCode:下一代應用開發平臺?

     微笑如酒 2023-07-04 發布于廣東

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

    現在,有這樣一個網站,完美地解決了上述問題:
    InsCode:https://

    圖片

    一站式應用開發平臺

    圖片

    從官網介紹看,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(https://inscode.csdn.net/@inscode/Kaboom),InsCode上一個好玩的小游戲,有興趣的用戶可以進行嘗試。
    接下來介紹創建一個 VueJS 項目的流程:

    圖片

    創建好項目會自動進入一個在線 IDE 的頁面,代碼編輯器用的是 VSCode,編程體驗上和本地 IDE 是一樣的(畢竟本來就是同一個東西)。
    點擊頂部的 Run 按鈕,右邊會打開一個終端,這里可以看到運行了 npm inpm 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 編程助手返回的代碼
    constnodemailer = 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 社區(https://inscode.csdn.net/community)進行搜索,已經有很多純 AI 生成的作品了,比如:
    • 網頁九宮格小游戲(AI生成)(https://inscode.csdn.net/@tlf20010220/HTML-CSS-JS_01)
    • Python獲取域名的解析IP地址(https://inscode.csdn.net/@weixin_42259925/Python)
    • 21點小游戲(https://inscode.csdn.net/@aresn/21game)
    • Vue實現1024 霓虹燈(https://inscode.csdn.net/@weixin_42259925/VueJS)
    一鍵部署至生產環境
    項目做好后,下一步就是 部署 出去讓別人訪問。
    InsCode 能夠直接一鍵部署項目。打開部署面板,只需點擊 部署項目 按鈕(如下圖)就可以實現部署至生產環境,并且支持修改域名。

    圖片

    部署編譯的過程:

    圖片

    部署成功:

    圖片

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

    圖片

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

    圖片

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

    InsCode 在開發環境中內置了GPT 3.5 API,可以一鍵擁有一個專屬自己的 ChatGPT 應用。

    使用官方提供的模板,只需要一鍵 Fork 或者一鍵部署 就可以了。
    模板地址ChatGPT Template With Vue
    (https://inscode.csdn.net/@inscode/gpt-vue)
    下面是作者自制的 AI 中英互譯 ChatGPT 應用,當輸入中文時,自動翻譯為英文,當輸入英文時則翻譯為中文。
    在線體驗:AI 中英互譯
    (https://inscode.csdn.net/@aresn/gpt-vue)

    圖片

    一鍵開啟 Stable Diffusion AI 繪畫

    今年最火的除了 ChatGPT,還有 AI 繪畫 及其相應的大模型,比如Stable Diffusion下面這種類型的圖,最近是不是經常看見呢?

    圖片

    它們都是由 AI 繪畫模型 Stable Diffusion 完成的。但是,安裝 Stable Diffusion 是有一定門檻的,并且需要相應配置的顯卡,這讓很多想體驗一下的新手用戶望而卻步。
    InsCode 提供了在線的 Stable Diffusion 模型,可以一鍵啟動 WebUI 進行 AI 繪畫:

    圖片

    花一塊錢,就能換來一個小時的 RTX 3090 體驗。

    圖片

    在InsCode提供的環境中體驗AI繪畫:

    圖片

    試玩地址:Stable Diffusion 模型
    (https://inscode.csdn.net/@inscode/Stable-Diffusion)

    圖片

    社區學習

    InsCode 的 Ins 并不是 Instagram 的 Ins,而是 Inspiration 的 Ins。意思是創作、尋找有靈感的代碼。
    InsCode 本身也是一個很好的學習平臺,在它的 社區(https://inscode.csdn.net/community?order=trending)中已經有非常多優秀的作品了:
    • Sentiment analysis AI 100k:情感分析模型,基于TensorFlow,準確率83%,數據集為IBDM,參數量100k
    • Python實現五子棋:一個用 Python 做的 Console game
    • 指節跳動:一個練習打字的 HTML5 應用
    • Minecraft:我的世界 Web 版
    InsCode中每個發布到社區的作品代碼都開源的,方便大家學習:

    圖片

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

    圖片

    歡迎大家來探索InsCode:https://

      本站是提供個人知識管理的網絡存儲空間,所有內容均由用戶發布,不代表本站觀點。請注意甄別內容中的聯系方式、誘導購買等信息,謹防詐騙。如發現有害或侵權內容,請點擊一鍵舉報。
      轉藏 分享 獻花(0

      0條評論

      發表

      請遵守用戶 評論公約

      類似文章 更多

      主站蜘蛛池模板: 美女又黄又免费的视频| 自拍偷自拍亚洲精品播放| 亚洲国产欧美一区二区好看电影| 久久婷婷国产综合精品| 下面一进一出好爽视频| 无码AV动漫精品专区| 国产精品中文字幕日韩| 亚洲香蕉网久久综合影视| 亚洲男女羞羞无遮挡久久丫| 69天堂人成无码免费视频| 亚洲色大成成人网站久久| 国产一区二区在线影院| 精品无人区一区二区三区 | 日韩欧美在线观看一区二区视频| 国产午夜视频在线观看| 99久久久国产精品免费无卡顿| 国产盗摄xxxx视频xxxx| 国产成人精品午夜2022| 四虎影视永久无码精品| 性无码专区无码| 亚洲精品国产一二三区| 老湿机69福利区18禁网站| 亚洲成AV人无码综合在线| 国产超碰无码最新上传| 久久伊人精品青青草原APP | 亚洲人成网网址在线看| 国产高清自产拍AV在线| 亚洲欧美综合中文| 成在线人视频免费视频| 亚洲欧洲日韩精品在线| 精品无码久久久久国产| 国产精品国三级国产av| 精精国产XXXX视频在线播放| 久久中文字幕一区二区| 国产三级精品三级| 欧洲精品色在线观看| 亚洲AV无码专区国产乱码电影| 国偷自产一区二区三区在线视频| 欧美 日韩 亚洲 精品二区| 国产成人不卡无码免费视频 | 野花社区视频在线观看|