對于一些初、中級程序員,想開發并部署一個中小應用(如開源項目的文檔、個人博客、個人網站、在線簡歷和在線 ChatGPT 聊天工具等)還是有一定門檻的,需要先在電腦上裝好對應的開發環境(如 Python、Java、Go、NodeJS等),然后到 GitHub 上創建一個項目,拉到本地,開發完后 push 代碼,再到阿里云買云主機,配環境、證書,綁 ssh key,拉代碼、編譯……純前端項目相對方便一點,可以本地編譯傳 CDN,或使用 GitHub Pages 服務等。總體來說,開發部署應用的過程費時費力,效率較低。 
 從官網介紹看,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上一個好玩的小游戲,有興趣的用戶可以進行嘗試。 創建好項目會自動進入一個在線 IDE 的頁面,代碼編輯器用的是 VSCode,編程體驗上和本地 IDE 是一樣的(畢竟本來就是同一個東西)。點擊頂部的 Run 按鈕,右邊會打開一個終端,這里可以看到運行了 npm i 和 npm run dev 命令,說明背后運行的是一個真實的 Node.JS 環境(可以 node -v 和 npm -v 看看版本)。通過終端信息可以看出這個模板使用了 Vite,啟動后會在右側打開 預覽,在InsCode平臺上能夠在同一個界面里寫代碼、運行代碼、預覽效果,這個本地 IDE 目前是做不到的。除此之外,還有 Vite 的 熱更新,并且有熟悉的 調試 面板: IDE 的右上角能看到當前的環境和服務信息,CPU、內存使用率,并提供了 MySQL 的使用通道,滿足廣大用戶做后端項目的機會。 如果要問 2023 年什么技術最火,那必須得是 ChatGPT!新建一個 sendmail.js 文件,一開始就寫有兩行注釋://sendMail // 參數:to、title、body 選擇這兩行代碼,頂部會出現一個 AI 工具欄,點擊 完成代碼 按鈕,右邊的 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 上同樣可以做到。 InsCode 在開發環境中內置了GPT 3.5 API,可以一鍵擁有一個專屬自己的 ChatGPT 應用。使用官方提供的模板,只需要一鍵 Fork 或者一鍵部署 就可以了。模板地址:ChatGPT Template With Vue (https://inscode.csdn.net/@inscode/gpt-vue)下面是作者自制的 AI 中英互譯 ChatGPT 應用,當輸入中文時,自動翻譯為英文,當輸入英文時則翻譯為中文。(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 體驗。
 (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
InsCode中每個發布到社區的作品代碼都是開源的,方便大家學習: 對于開源項目的代碼有看不懂的地方,還可以直接問 AI 編程助手,能夠高效地提供準確的結果,對新手來說非常友好:
|