電腦王阿達
  • 首頁
  • 科技新聞
    • 最新科技新聞
    • AI 新聞與教學
      • AI 工具分享與教學
      • AI 趨勢與相關新聞
    • 產品評測
      • GPS/行車記錄器評測
      • iOS周邊
      • Android周邊
    • 科技廠商專訪報導
    • 電腦硬體周邊情報
    • 相機
  • 酷品開箱
  • 通訊達人
    • 電腦王阿達測速工具
  • APP/軟體/教學
    • 電腦應用與其他教學
      • 網路與軟體應用
      • 多媒體轉檔/運用
      • 其他文章
    • 跨平台App
    • iPhone/iPad相關
      • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB/CYDIA應用
    • Android相關資訊
      • Android App分享介紹
      • Android 基礎教學
      • 智慧手機韌體更新
      • Windows Mobile手機相關文章
    • Mac 軟體分享與教學
    • LINE
    • Telegram
    • 攝影教學
    • 語文學習
    • 轉貼好文
    • WordPress 架站教學分享
    • 未分類文章
  • 休閒/懶人包
    • 新聞台直播 頻道大集合!想看新聞不用辦第四台!
    • 遊戲電玩
    • 動漫、玩具、敗家
      • 老弟紙模型作品集
    • KUSO
      • 有趣影片
    • 圖文創作
    • 生活與旅遊
    • 超好用懶人包
    • 最新抽獎情報公告
    • Pokemon GO攻略
  • 電腦王團隊
No Result
View All Result
  • 首頁
  • 科技新聞
    • 最新科技新聞
    • AI 新聞與教學
      • AI 工具分享與教學
      • AI 趨勢與相關新聞
    • 產品評測
      • GPS/行車記錄器評測
      • iOS周邊
      • Android周邊
    • 科技廠商專訪報導
    • 電腦硬體周邊情報
    • 相機
  • 酷品開箱
  • 通訊達人
    • 電腦王阿達測速工具
  • APP/軟體/教學
    • 電腦應用與其他教學
      • 網路與軟體應用
      • 多媒體轉檔/運用
      • 其他文章
    • 跨平台App
    • iPhone/iPad相關
      • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB/CYDIA應用
    • Android相關資訊
      • Android App分享介紹
      • Android 基礎教學
      • 智慧手機韌體更新
      • Windows Mobile手機相關文章
    • Mac 軟體分享與教學
    • LINE
    • Telegram
    • 攝影教學
    • 語文學習
    • 轉貼好文
    • WordPress 架站教學分享
    • 未分類文章
  • 休閒/懶人包
    • 新聞台直播 頻道大集合!想看新聞不用辦第四台!
    • 遊戲電玩
    • 動漫、玩具、敗家
      • 老弟紙模型作品集
    • KUSO
      • 有趣影片
    • 圖文創作
    • 生活與旅遊
    • 超好用懶人包
    • 最新抽獎情報公告
    • Pokemon GO攻略
  • 電腦王團隊
No Result
View All Result
電腦王阿達
No Result
View All Result

首頁 » AI 新聞與教學 » AI 工具分享與教學

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具

這款工具真的超神,現在 Pro 版還能免費用 2 週

Rocky by Rocky
2024 年 09 月 12 日 - Updated on 2025 年 02 月 01 日
in AI 工具分享與教學, 網路與軟體應用
讀取中...

最近在 AI 圈裡,有一款 Cursor 可說非常紅,甚至還有 8 歲小女孩透過這工具來寫程式,看到這影片就想說自己試試看,沒想到一試就愛上,真的超好用,你完全不需要等寫程式,只需要自然語言和利用堆積木的概念,就能輕鬆製作出專屬於自己的應用程式,所有功能都是你平常會用到,不用再開一堆工具。

更重要是,現在 Cursor 註冊就有免費 2 週的 Pro 試用,無需填寫信用卡,提供 500 次 Premium 模型使用。即便 Pro 試用過後,一樣可以免費用,只是有一些限制。

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

Cursor 不會寫程式也能製作專屬於自己的應用程式

  • 試用 Cursor

Cursor 可以想像成是一款將程式碼編輯器和各大 AI 模型結合的免費工具,模型部分目前支援以下幾個:

  • GPT-4o(Premium model)
  • Cursor-Small
  • GPT-3.5(Premium model)
  • Claude-3.5-sonnet(Premium model)
  • GPT-4o-mini

現在免費版可獲得 2 週的 Pro 試用時間,不用填寫信用卡付款資訊,意味著註冊後的 2 週,你可以獲得 Pro 的福利。Pro 的最大福利是,可免費使用 500 次 Premium models,意味著你可以使用 GPT-4o 或 Claude-3.5-sonnet 達 500 次。

這 500 次數量是什麼概念?我目前已經製作出將近 10 個工具,還有剩餘 100 多次,這中間有除錯、除 Bug 對話非常多次,還剩下這麼多。

操作介面雖然只有英文,但跟 AI 對話可以用中文,所以上手不會太難。

另外 Cursor 能做到的事情有非常多,這篇就專注在介紹如何快速寫出專屬於你自己的工具。

操作介面

安裝好後打開,會開到這樣的畫面,左側就是所有檔案清單,也能建立專案資料夾,把滑鼠移過去,就能選擇要建立新專案資料夾或新的檔案:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

建立好專案跟檔案後,按 Control + L,可以叫出 AI 對話視窗,位於右側。預設會選取你當前的文件,意味著你可以直接跟它詢問任何有關於這份文件的內容:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

新開啟的文件都是 .txt 純文字格式,之後可以另存成其他格式,所有關於程式碼的格式 Cursor 都支援,像是 HTML、bat、Java、PHP、PY 等等,就看到時候 AI 教你是哪一種檔案格式,就存取哪一種。

下方展開可切換其他模型,我幾乎都用 Clause-3.5-sonnet,也能換成 GPT-4o,就看你的喜好:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

好了,你只需要知道以上幾個重點,就可以開始跟 AI 說你想要製作的工具。

製作時有幾個重點,這邊提供給你參考:

  • 請用堆積木的方式,先做好一個功能,再做另一個,不建議一次叫 AI 做好全部。
  • 每次製作好後,一定要快速嘗試一下,看有沒有明顯 Bug,如:功能不正常運作。
  • 不用擔心碰到 Bug,AI 會幫忙解決。
  • 每個功能都能後續再加強,不一定要一次做到好,就先做出你想到的。
  • AI 每次回覆的答案,都只會是要修改的內容,可直接按右上角 Apply 套用,不用靠自己找和修改。
  • 請天馬行空,很多你以為無法做到的,事實上都能。
  • 有些功能最後可以結合成一個,像是我先做出一個轉檔功能、再做一個圖片裁剪,最後要求 AI 將這二個功能結合,這是可行的。

我是如何在一小時內製作出 5 個常用工具

因為工作關係,我經常需要用到編輯圖片的功能,像是縮小圖片長邊、幫圖片加上白框、增加浮水印、還有轉檔成 WebP 等、以往都是使用 Lightroom 和 Photoshop。

雖然現在用很習慣,速度也不會太慢,但操作就很繁瑣,因此我就在思考,是否能夠把這些編輯動作,直接一鍵完成。

一開始我先從最簡單的開始,要求製作常用圖片格式轉 WebP,以下是我給的所有描述:

製作一個能將常見圖片格式轉 Webp 的工具,支援拖曳圖片匯入或手動點擊檔案上傳二種方式,圖片匯入後就會立即開始轉檔 Webp,接著儲存並覆蓋原本的檔案。可批次處理,一次處理多個檔案

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

不到幾秒鐘,AI 就給我一大串程式碼,等到 AI 寫完之後,只需要按程式碼右上方的 Accept 按鈕,它就會自動匯入到當前文件裡面(記得確保 AI 聊天輸入欄位上方,是選你當前的文件)。

如下圖所示,而這程式碼是 HTML,所以我也把這份文件儲存成 .html,儲存好後就用瀏覽器打開這文件:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

不過很不幸運,第一次嘗試就失敗,我拖曳 PNG 進去要轉成 WebP,顯示轉換失敗:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

這時我就回去跟 AI 說「我試用後顯示轉換失敗,JPG’」,它也立刻檢查並給我需要修改的程式碼,一樣等 AI 都輸入好後,按右上角的 Apply 就好,它會自動偵測文件內容,找出要修改的地方,把錯誤的刪掉,並補充新的。生成過程中 AI 右上方會顯示 Generating,記得等全部跑完,才代表全部檢查完成。綠色區塊是新加入的,紅色區塊則是刪除。而生成完後,再按一次右上方的 Apply,就會完全套用,你也可以針對每一段來接受修改:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

套用之後,紅色和綠色區塊就會消失,這時可以儲存檔案再次測試:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

第二次測試就正常運作,因此我開始要求製作第二項功能,下面是修改圖片長邊至 750px:

加入第二項功能,可在右上方切換。第二項功能是「修改圖片長邊」,會自動把把圖片的長邊改成 750px,另一邊根據原來的長寬比來修改,修改好後自動儲存,一樣支援拖曳和手動上傳

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

而測試之後我發現,如果長邊低於 750px,會被放大 750px,所以再給它一個條件:

修改圖片長邊加入一個條件,如果長邊小於 750px,那就不做任何動作,直接儲存

目前二個功能都正常運作,但功能選單的設計方式我不是很喜歡,所以要求改成按鈕:

切換功能的選單,幫我改成按鈕,切換之後該功能主頁的標題也會跟著變

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

雖然確實改成按鈕,但這種單個按鈕切換不是我想要的,所以再給它新的條件:

按鈕幫我各別獨立,按下之後,該按鈕會亮起

這邊也就是我前面曾說的重點,不需要一次講到好,一次次慢慢改也沒問題。

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

的確就照我的要求,變成二個按鈕,目前正在使用的亮起,不過位置右上方我不是很喜歡,這部分我後面有改成中間:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

接下來我還需要另一個修改長邊成 1000px 的工具,所以我就要求直接複製原本的 750px,把長邊變成 1000px,然後更改按鈕名稱:

修改圖片長邊名字改成「修改圖片長邊(750px)」,再幫我製作一個新工具,內容是「修改圖片長邊(1000px)」,自動把圖片長邊改成 1000px,低於 1000px 的圖片不需要修改任何內容,直接儲存

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

這一個功能就很輕鬆,完全沒碰到任何問題,所以我再要求其他新功能。

一開始我不確定是否能透過 HTML 來幫圖片四個邊,加上白邊,所以我用詢問式的。結果 AI 說沒問題,並給我程式碼: 

你可以做到一個工具是,幫任何圖片四個邊加上 1px 的白邊嗎?如果可以,請添加

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

我測試也能正常工作後,就繼續要求新工具,

再來的浮水印我也不確定能不能做到,還有指定位置,而 AI 回答也是肯定的:

那你可以為圖片加上浮水印嗎?位於每張圖片右下角,距離邊際 20px 的位置,並且我可以指定 Logo,Logo 也會透明化 50%

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

甚至連這種根據當前圖片比例,來計算 Logo 是否該放大,以及記住上次指定 Logo 圖片的功能也沒問題:

Logo 自動幫我根據圖片比例,放大成圖片的 1/20,並且會記住我上次指定的 Logo 圖片

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

當然,過程中一定會碰到有 Bug、功能突然消失、或是版型跑掉的情況,這時不要緊張,要求 AI 檢查就好,甚至直接叫它給修復好的,或上一個步驟的完整程式碼也行:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

等到以上工具都做好之後,我就開始嘗試結合所有工具,製作成一個自動化完成所有動作的「電腦王阿達專用」功能,方便我之後使用,AI 一樣說沒問題,並提供程式碼給我:

製作一個新功能,名稱是「電腦王阿達專用」,把修改圖片長邊(1000px)、添加 1px 白邊、添加浮水印功能全部結合,這可以做到嗎

Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

之後再為「電腦王阿達專用」添加轉檔成 WebP 格式,也同樣成功:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

而這就是我在一小時之內,做好的 5 個常用工具,包括一個自動化完成所有動作的工具:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

之後我也沒有停止,想到需要什麼功能就繼續補,像我又加上了一個截圖並排功能,可將多張截圖並排一起,並且每張有適當的距離,還具備加入矩形、箭頭、馬賽克等編輯功能。以上這些,我完全都不懂裡面的程式碼,全部靠 AI 完成:
Cursor 不會寫程式也能製作專屬於自己的應用程式,我花不到一小時就做出 5 個常用工具 - 電腦王阿達

隨後我還有靠這工具,製作出「PDF 轉 Word 格式」、「追蹤文章關鍵字在 Google 搜尋中的名次」、「輸入網址自動轉變成 Jina AI 的 Reader API 格式,並打開網頁儲存成 PDF」等等。

想到什麼就問,幾乎都能做出來,只是搭配方式不一樣,有一些需要透過 python 才能實現。不知道 python 怎麼用也沒關係,一樣問 AI,它就會教你每個步驟,改打開什麼應用程式、輸入什麼指令等都很清楚。

另外我也發現到,每一項工具的程式碼不推薦超過 700 行,超過的話,AI 在套用和修改當前文件程式碼時,幾乎都會出錯。

跟 ChatGPT 這類 AI 聊天機器人最大不同在,Cursor 可以隨時讀取當前文件的內容,並進行自動生成修改。

最後也附上 8 歲小女孩用 Cursor 製作出自己應用程式的影片:

Tags: aiCursor人工智慧寫程式

您也許會喜歡:

立達合法徵信社-讓您安心的選擇

網站搜尋

No Result
View All Result

廣告


歡迎手機廠商、iPhone 周邊產品業者、APP軟體開發商洽談合作或產品測試事宜 koc koc.com.tw |隱私政策 |主機維護:Fast Line 台灣速連,阿腸數位科技

No Result
View All Result
  • 最新科技新聞
  • 最新科技產品報導
    • 3C產品開箱/廠商邀測
      • GPS/行車記錄器評測
    • 科技廠商專訪報導
      • 專題報導
    • 電腦硬體周邊情報
    • Android周邊
    • iOS周邊
  • 好用App介紹
    • Android App分享介紹
      • Android 基礎教學
    • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB教學
      • iOS軟體與JB相關文章
      • iOS JB/CYDIA應用
    • 跨平台App
  • 通訊達人
  • Telegram
  • 電腦應用與其他教學
    • Mac OS 軟體分享與教學
    • 網路與軟體應用
    • WordPress 架站教學分享
    • 多媒體轉檔/運用
    • 語文學習
    • 轉貼好文
    • 其他文章
  • 旅遊與美食
    • 生活與旅遊
    • 圖文創作
    • 有趣影片
    • 動漫、玩具、敗家
    • 老弟紙模型作品集
    • KUSO
    • 阿達玩App
    • Pokemon Go攻略
  • 超好用懶人包
  • 電腦王阿達網路測速
  • 電腦王阿達團隊

歡迎手機廠商、iPhone 周邊產品業者、APP軟體開發商洽談合作或產品測試事宜 koc koc.com.tw |隱私政策 |主機維護:Fast Line 台灣速連,阿腸數位科技

No Result
View All Result
  • 最新科技新聞
  • 最新科技產品報導
    • 3C產品開箱/廠商邀測
      • GPS/行車記錄器評測
    • 科技廠商專訪報導
      • 專題報導
    • 電腦硬體周邊情報
    • Android周邊
    • iOS周邊
  • 好用App介紹
    • Android App分享介紹
      • Android 基礎教學
    • iPhone/iPad 軟體介紹
      • iPhone/iPad 使用教學
      • iOS JB教學
      • iOS軟體與JB相關文章
      • iOS JB/CYDIA應用
    • 跨平台App
  • 通訊達人
  • Telegram
  • 電腦應用與其他教學
    • Mac OS 軟體分享與教學
    • 網路與軟體應用
    • WordPress 架站教學分享
    • 多媒體轉檔/運用
    • 語文學習
    • 轉貼好文
    • 其他文章
  • 旅遊與美食
    • 生活與旅遊
    • 圖文創作
    • 有趣影片
    • 動漫、玩具、敗家
    • 老弟紙模型作品集
    • KUSO
    • 阿達玩App
    • Pokemon Go攻略
  • 超好用懶人包
  • 電腦王阿達網路測速
  • 電腦王阿達團隊

歡迎手機廠商、iPhone 周邊產品業者、APP軟體開發商洽談合作或產品測試事宜 koc koc.com.tw |隱私政策 |主機維護:Fast Line 台灣速連,阿腸數位科技