Cursor AI 作為新一代 AI 編程助手,集成了代碼補全、智能調試、自動生成等強大功能,非常適合用來開發小型應用或小程序。本文我將手把手帶你用 Cursor AI 開發一個簡單的天氣查詢小程序,并在文中推薦一門實用的商業變現課程,助你走得更遠!
一、準備工作
-
安裝 Cursor AI
- 訪問 Cursor 官網 下載并安裝最新版 Cursor 編輯器。
- 注冊并登錄賬號,綁定你的 API Key(如使用 DeepSeek、OpenAI 等主流大模型)。
-
環境準備
- 確保本地已安裝 Node.js(建議 16.x 及以上)。
- 推薦使用 VS Code/Cursor 編輯器進行代碼開發。
二、項目初始化
-
新建項目文件夾
weather-app
,在終端運行:mkdir weather-app && cd weather-app npm init -y npm install axios express
-
新建
index.js
文件,輸入以下基礎代碼:const express = require('express'); const axios = require('axios'); const app = express();app.get('/weather', async (req, res) => {const { city } = req.query;if (!city) {return res.json({ error: '請提供城市名稱' });}try {// 這里以和風天氣API為例const resp = await axios.get(`https://api.qweather.com/v7/weather/now?location=${encodeURIComponent(city)}&key=你的API_KEY`);res.json(resp.data);} catch (e) {res.json({ error: '查詢失敗,請檢查城市名或API Key' });} });app.listen(3000, () => {console.log('天氣小程序已啟動,訪問 http://localhost:3000/weather?city=北京'); });
三、利用 Cursor AI 提升開發效率
- 在 Cursor 編輯器中,選中代碼塊,右鍵選擇“用 AI 優化”或直接輸入注釋讓 AI 生成接口代碼。
- 例如輸入
// 用 AI 生成一個 POST 接口,接收城市名,返回天氣
,Cursor 會自動補全相關代碼。 - 你還可以讓 Cursor 自動生成前端頁面代碼,實現前后端聯動。
DeepSeek 應用開發與商業變現實戰
如果你已經掌握了基礎編程技能,想要用 AI 打造真正能落地的產品、實現商業變現,推薦你了解 DeepSeek 應用開發與商業變現實戰 課程!
本課程將帶你從0到1構建基于 DeepSeek 等大模型的智能應用,涵蓋產品設計、API 接入、商業模式、客戶拓展、數據安全等實戰內容。
四、測試與優化
- 啟動服務
node index.js
- 瀏覽器訪問
http://localhost:3000/weather?city=上海
即可看到實時天氣數據。 - 用 Cursor AI 進一步美化輸出、增加錯誤處理或擴展更多功能,比如歷史天氣、空氣質量查詢等。
五、進階建議
- 前端聯動:用 React/Vue 創建前端頁面,通過 AJAX 調用你的天氣接口,實現完整小程序。
- AI 智能問答:結合 DeepSeek、OpenAI 等大模型,將天氣查詢接口整合到智能問答機器人中,讓用戶用自然語言提問即可獲取天氣信息。
- 商業化變現:結合上文推薦課程,學習如何將小程序產品化、接入支付、對接企業客戶,實現變現。