programming:nvtools:eclipse
Khác biệt
Đây là những khác biệt giữa hai phiên bản của trang.
Phiên bản trước của cả hai bênPhiên bản trướcPhiên bản sau | Phiên bản trước | ||
programming:nvtools:eclipse [2021/01/02 11:56] – [1. Tải về và cài đặt] vuthao | programming:nvtools:eclipse [2023/07/18 05:53] (hiện tại) – hoaquynhtim99 | ||
---|---|---|---|
Dòng 1: | Dòng 1: | ||
====== Cấu hình Eclipse để phát triển NukeViet ====== | ====== Cấu hình Eclipse để phát triển NukeViet ====== | ||
- | ===== 1. Tải về và cài đặt ===== | + | |
- | + | | |
- | | + | |
- | * Sau đó cài đặt git-lfs: https:// | + | |
- | * Cài đặt Java JDK: http:// | + | |
- | * Eclipse có thể cài đặt trên nhiều hệ điều hành khác nhau (Windowns, Linux, | + | |
- | * Phiên bản mới nhất tháng 9/20207: https:// | + | |
- | * Việc cài đặt Eclipse diễn ra bình thường, tương tự như việc các phần mềm thông dụng khác. | + | |
- | * Khi đã cài đặt jdk 11 mà eclipse vẫn báo lỗi thiếu java cần thêm vào đầu file eclipse.ini đoạn sau | + | |
- | < | + | |
- | -vm | + | |
- | C:\Program Files\Java\jdk-11.x.y\bin\javaw.exe | + | |
- | </ | + | |
- | ===== 2. Thêm định dạng file cần thiết ===== | + | |
- | Cấu hình định dạng file: | + | |
- | {{ : | + | |
- | + | ||
- | Một số mã nguồn sử dụng các định dạng file mà trình soạn thảo chưa được ghi nhận, ví dụ: giao diện CMS NukeViet sử dụng *.tpl thay vì *.html. Vậy nên, chúng ta cần phải thêm định dạng *.tpl hiển thị như *.html. | + | |
- | + | ||
- | Trong cửa sổ Freferences, | + | |
- | Click Add (1), nhập vào định dạng file muốn thêm vào (*.tpl). Nhấn OK để hoàn tất | + | |
- | Click Add (2), chọn định dạng muốn áp dụng cho định dạng (*.tpl) vừa thêm ở trên. VD chọn HTML Editor | + | |
- | {{ : | + | |
- | Kết quả: Khi mở một file có định dạng *.tpl, thì code hiển thị như *.html | + | |
- | + | ||
- | Làm tương tự với file có định dạng *.ini được mở bằng XML Editor | + | |
- | + | ||
- | ===== 3. Thay đổi font chữ, kích thước chữ ===== | + | |
- | + | ||
- | Font, kích thước chữ ở đây là code khi bạn soạn thảo, không phải chữ của các menu hệ thống. Đi đến General / Appearance / Color and Fonts. Chọn đối tượng định dạng (1), chọn Edit (2) để thay đổi font và kích thuớc chữ, nhấn OK (3) để áp dụng. | + | |
- | + | ||
- | {{ : | + | |
- | + | ||
- | ===== 4. Thay đổi mẫu định dạng code ===== | + | |
- | + | ||
- | Bạn có thể thay đổi mẫu định dạng mã PHP theo ý bạn, truy cập PHP / Code style / Formater. Chọn mẫu hoặc import mẫu bạn mong muốn {{ : | + | |
- | + | ||
- | {{ : | + | |
- | + | ||
- | Áp dụng bằng cách nhấn Ctrl + F để định dạng tự động cho nội dung tập tin đang mở. Hoặc định dạng cho toàn bộ tập tin (PHP) trong một thư mục bằng cách Click phải chuột lên thư mục (ở cửa sổ PHP Explorer),, chọn Source, chọn Format | + | |
- | + | ||
- | ===== 5. Cấu hình Format cho Javascript===== | + | |
- | Cấu hình tương tự như PHP bằng cách truy cập: Javascript/ Code style / Formater | + | |
- | {{ : | + | |
- | + | ||
- | Với Eclipse IDE 2020-06 hoặc mới hơn cần cài thêm: Eclipse Web JavaScript Developer Tools | + | |
- | Cấu hình web/ Client-side Javascript/ Code style / Formater | + | |
- | + | ||
- | ===== 6. Cấu hình xóa khoảng trống khi lưu file ===== | + | |
- | Với PHP | + | |
- | {{ : | + | |
- | + | ||
- | Với JavaScript: Truy cập " | + | |
- | | + | |
- | - Find and enable " | + | |
- | - Press the button " | + | |
- | - Select the tab "Code Organizing" | + | |
- | - Find and enable " | + | |
- | - Find and select "All lines" | + | |
- | - Press " | + | |
- | + | ||
- | Khi bạn đã xong, bấm " | + | |
- | {{ :programming: | + | |
- | + | ||
- | ===== 7. Cấu hình cho CSS ===== | + | |
- | + | ||
- | {{ : | + | |
- | + | ||
- | ===== 8. Cấu hình cho html ===== | + | |
- | + | ||
- | {{ : | + | |
- | + | ||
- | Xóa hai thẻ mặc định '' | + | |
- | + | ||
- | Các thẻ cần remove: | + | |
- | * td | + | |
- | * th | + | |
- | * input | + | |
- | + | ||
- | + | ||
- | + | ||
- | ===== 9. add FTP support to Eclipse ===== | + | |
- | + | ||
- | Chức năng này mặc định chưa có trong Eclipse trên windows, bạn cần cài đặt nó theo các bước sau: | + | |
- | + | ||
- | - Go to ' | + | |
- | - In the 'Work with:' drop-down, select your version' | + | |
- | - In the filter field, type ' | + | |
- | - Check the box next to ' | + | |
- | - Click ' | + | |
- | - After install, Eclipse may want to restart. | + | |
- | + | ||
- | Using it, in Eclipse: | + | |
- | | + | |
- | - File -> New -> Other -> Remote System Explorer (folder) -> Connection (or type Connection into the filter field) | + | |
- | - Choose FTP from the ' | + | |
- | - Fill in your FTP host info in the next panel (username and password come later). | + | |
- | - In the Remote Systems panel, right-click the hostname and click ' | + | |
- | - Enter username + password and you're good! | + | |
- | - Well, not exactly ' | + | |
- | - And you're one smart cookie! You'll figure out the rest. | + | |
- | + | ||
- | Tham khảo: | + | |
- | https:// | + | |
- | + | ||
- | ===== 9. Cài đặt hỗ trợ xem file tpl ===== | + | |
- | + | ||
- | Áp dụng cho cả Xtemplate và Smarty. | + | |
- | + | ||
- | > Cài plugin này ưu điểm là soạn thảo Smarty, Xtemplate đẹp mắt nhưng có hạn chế là không thể ấn Tab khi bôi đen nhiều dòng trong file TPL | + | |
- | + | ||
- | Chọn menu Help => Install New Software... như ảnh {{ : | + | |
- | + | ||
- | Tại cửa sổ Install nhập vào ô Work With http:// | + | |
- | + | ||
- | Sau khi khởi động lại Eclipse ta sẽ xem được các file tpl hỗ trợ định dạng như ảnh {{ : | + | |
- | + | ||
- | ===== 10. Một số phím tắt thông dụng ===== | + | |
- | + | ||
- | * '' | + | |
- | * '' | + | |
- | * '' | + | |
- | * '' | + | |
- | * '' | + | |
- | + | ||
- | + | ||
- | ===== 11. eclipse backup project explorer ===== | + | |
- | - Cần backup thư mục workspace/ | + | |
- | + | ||
- | + |
programming/nvtools/eclipse.1609563386.txt.gz · Sửa đổi lần cuối: 2021/01/02 11:56 bởi vuthao