2014年11月26日 星期三

php開發工具: Netbeans 常用功能分享 - 搜尋檔案、變數、函式

 本文懶人包
  1. CTRL + 左鍵:在目標程式碼上點擊,搜尋檔案、變數、函式皆適用
  2. ALT + SHIFT + O搜尋檔案):反白想搜尋的檔名後可快速查找指定檔案
  3. CTRL + F(搜尋字串):可點擊左側專案資料夾鎖定搜尋範圍
  4. Alt + F7 (find usages):找到專案內同函式的用法
  5. Navigator:檔案內HTML、CSS、Javascript、PHP 皆可在此視窗一覽無遺

大家可能都有維護過沒有文件的專案,Ped 最近負責的專案就是這種情況,想了解某個函式究

竟要如何使用時常常要翻遍所有的include檔,debug時翻山越嶺的情況更是屢見不鮮,這時候

有一個好用的搜尋功能人生真的會比較美好,所以馬上來介紹的就是 萬用的CTRL!


  • CTRL + 左鍵


想找到變數在哪宣告?函式在哪定義?這個CSS在哪支檔案?想直接開啟這支include檔?

這一切一切都只需要按住CTRL然後將游標移到目標程式碼上,如下圖中在出現藍色底線以及

提示後按下左鍵即會自動跳至該專案中宣告該函式的位置,如在其他檔案中也會自動開啟該

檔案,



include 檔只要一個點擊就輕鬆開啟




 點擊 css 的 class也會自動搜尋















javascript中的變數或函式也會自動搜尋

如果在不同檔案中有同名的function 或是class也會跳出選單供選擇要開啟哪一支,這樣就可以
解決一大部分搜尋的問題了!

  • 檔案搜尋

    當專案越來越大,檔案數量越來越多的時候,怎麼快速找到檔案也是一門功課,最簡單的方

    法就是當焦點位於左側 Projects 或是 Files 視窗時,直接開始輸入目標檔名,不需任何

    快捷鍵就會出現如上圖的情形,焦點會自動跑到目標檔案上,直接按Enter就可以開啟了,

    相當快速簡便,但是有時需要比較複雜的檔案查找時,相當推薦 Go to File 這個功能,

    這功能的快速鍵是 ALT + SHIFT + O,按下後會跳出一個可供輸入的搜尋框,只

    要輸入目標檔案含有的字串底下就會將所有符合的檔案列出,點擊兩下就能開啟,

    如果忘記全名可以用 " * "號或是 " ? "取代,有點像SQL中搜尋字串時的 % ,記得切確字數的

    話可以用 " ? " 不記得的話用"*"也可以,比如想找 Search_Ped.tpl 這檔案的話,輸入以下字串

    都找的到:

    Search_Ped
    Search
    *_Ped.tpl
    Se?rch_?ed.tpl


    Go to File 在選單中的位置


    當然輸入檔名越準確的話符合的檔案就會越少,也越好找,Ped再跟你透露一個懶人常用法

    ,如下圖所示,先在程式中反白目標檔案的檔名,再使用 Go to file 一個字都不用打就可以直

    接搜尋到該檔案,相當輕鬆寫意。


    反白目標檔案檔名再使用Go to File





    • 字串搜尋


    搜尋字串這個功能相信在各個地方大家都有用過,快捷鍵也是相當熟悉的 CTRL + F 

    Netbean中不同地方使用這個指令效果稍有不同,在程式碼視窗中使用是僅在目前所開啟檔案

    中搜尋目標字串;在 Projects 視窗中則會從所選取的資料夾內所有檔案中搜尋,後者可以限定

    範圍,如果已知道想查找的檔案可鎖定特定資料夾可減少搜尋時間,兩種搜尋方式都可以限

    定大小寫是否敏感、是否要完全符合目標字串,也都可以使用正規表示法。


    在目前已開啟的檔案中搜尋目標字串

    依所選取目標限定字串搜尋範圍

    • 函式查找
    當想使用別人寫好的函式,卻又找不到專案文件時,只好參考一下之前是怎麼用的;或是想

    找一下哪些地方有用到這隻函式,Find Usage 就是一項不可或缺的功能,快捷鍵是Alt + F7,

    反白想要尋找的目標函式後,使用這項功能,就像下圖所示,該方法在檔案中的哪一行被用

    到以及放入了哪些引數等全都會列出,點擊兩下就會到該函式所在位置。


    反白目標函式


    按下Alt + F7


    共找到 92 筆與該函式相關的檔案位置



    • Navigator

    最後來介紹一下來介紹一下這個好用的導覽視窗,Netbeans裝好後它預設是開啟的,如果不小

    心關掉了請到下圖的位置中就可以把它打開,這視窗中會有該檔案的HTML標籤、變數

    以及函式與其所包含的引數,從HTML、CSS、Javascript、PHP 應有盡有,而且只要點擊兩下

    焦點就會移到目標位置,甚至不用開啟檔案,只要在Projects 視窗中點選檔案,該檔案的結構

    就會在Navigator 中一覽無遺。


    Navigator在選單中的位置


    在Navigator中點選目標函式焦點會自動移置指定位置


    不必開啟檔案,只要在Projects視窗中選定檔案,Navigator就會顯示該檔的結構

    搜尋功能Ped大概就介紹到這邊,當然還有些更細節的部分大家可以自己玩看看,希望還受用

    囉,下篇再來分享當專案越來越多越來越大時,如何排除一些用不到的檔案。



    2014年11月19日 星期三

    php開發工具: Netbeans 編輯器 - 簡介與安裝

    本文懶人包:

    1. 推薦找一個習慣的 IDE 會事半功倍
    2. Netbeans安裝前須先安裝 JDK
    3. 開啟新專案與執行專案的方式


    不知道大家都是用甚麼編輯器來寫程式呢?

    比較常聽到的有 Notepad++EclipseSublime

    Ped 對它們的理解是:

    Notepad++ 就是有加亮變色功能的記事本,功能簡單輕便易攜,

    Eclipse 也是後端愛用的編輯器,有很豐富的plugin,但plugin用多了容易肥大,

    目前參加社群活動(尤其是前端社群)最常見的似乎以Sublime居多,

    Sublime 相當輕薄,外觀也頗好看,plugin也不少,也難怪會廣受歡迎。

    以前常聽人說編輯器這種東西是習慣就好,大神用記事本還是大神,

    不過在習慣了 Netbeans 後深深覺得不是大神就選套習慣的IDE用吧 XD

    像是基本的文字加亮提示、git狀態顏色提示、code complete...等功能,更不用說眾多的外掛,


    1.code complete - 打出想用函式的開頭就會自動出現提示與該函式的說明




    2.分頁顏色提示 - 分頁不同顏色表示目前檔案在版本控制系統中是新建立、已修改或未更動






    3.同變數加亮顯示 - 是否打錯變數名一覽無遺




    4.錯誤提示 - 這例子中是 php 中多了一個大括號的警告訊息



    不但可以晚點老花,也可節省更多開發的時間去玩樂(無誤),

    Ped 今天介紹的Netbeans也都有這些基本功能,官網中文件也相當齊全,

    有的甚至有中文翻譯,首先先把它安裝起來,以下都是在windows環境中進行。

    先去Netbeans官網下載,如果只有要開發php可以下載php套件包就好,完整版要兩百多mb 

    如已安裝過 JDK 會自動抓取本機中最新的版本,

    尚未安裝可前往 JDK 官網下載,

    JDK 官網也有提供Netbeans一起下載的選項,也可在這一起抓,

    安裝好JDK後不斷下一步即可安裝成功,

    在早先的版本的Netbeans中直接拖曳或在windows資料夾中開啟檔案編碼會有問題,

    但在目前的版本似乎已經被修正 (8.01版, win7環境下)。

    到現在都還沒看到收費訊息吧,因為Netbeans是免費的,

    安裝好後可以開啟新的專案,

    進去後會詢問想開啟甚麼類型的專案,沒特別需求的話選擇 php application即可,

    再指定專案存放的資料夾即可,這樣就可以開始開個檔案寫進想執行的內容囉,


    寫完後就可以使用F6 或 shift + F6 執行,

    F6會從專案首頁執行,shift + F6 則只會執行目前所在位置的檔案,

    瀏覽器會自動開啟並執行專案/檔案,

    如果想更換預設瀏覽器或是首頁檔案名稱可以從下圖中 Set Project Configuration 進去改,

    裡面還有很多東西可以設定,比如說更換專案目錄、php的版本、預設編碼等,有興趣的話可

    以摸摸玩玩。




    下篇再來分享一些好用的搜尋功能吧。

    推薦連結:Netbeans官網快速教學文件(含新專案開始方式)

    相關文章:PHP開發工具:Netbeans 常用功能分享 - 搜尋檔案、變數、函式