더 빠르고 더 나은 웹 개발을위한 도구
수년 동안 대부분의 웹 개발자는 도구 또는 "거래 도구"의 무기고를 구축했습니다. 최근에 나는 rsync를 발견했고 몇 년 동안 그것이없이 어떻게 살 수 있었는지 놀랐습니다. 어떤 도구가 가장 매력적이라고 생각하십니까? 정기적으로 사용하는 것을 고수하고 맹세하십시오. 또한 프레임 워크, 플랫폼, 편집기 및 웹 개발자가 사용해야한다고 생각하는 모든 것 (jquery, joomla, xdebug, vi, notepad ++ 등)이 될 수 있습니다.
몇 가지부터 시작하겠습니다.
- rsync- 라이브 서버에 '한 번의 클릭'동기화 또는 그 반대
- mysqldump- 데이터베이스 동기화를 위해 rsync와 함께 사용
- 테스트 스타일 북마크릿 -라이브 편집을 허용하여 '편집> 저장> 다시로드'주기를 능가하는 라이브 CSS 편집기 북마크릿.
- 자바 스크립트 셸 -창에 연결된 자바 스크립트 셸 창
- 방화범 -고급 javascript / css / dom 디버거
- php-shell- 명령문, 함수, 클래스 또는 스크립트를 빠르게 테스트하기 위해 정기적으로 사용합니다.
- CSS-Discuss Wiki- 이 위키에서 CSS 문제에 대한 해결책을 찾을 수 없다면 놀랄 것입니다 (이 경우 추가해야합니다).
- 글꼴 매트릭스 -글꼴 스택 선택을 도와줍니다.
- PHPMyAdmin- 모든 사람들이 MySQL 데이터베이스 관리에 이것을 사용한다고 확신하지만 좋은 측정을 위해 목록에 추가 할 것이라고 생각했습니다.
LAMP 환경에서 도구를 강조했지만 해당 환경에서 사용하는 도구를 언급 할 수 있습니다.
LAMP 스택 개발
- IDE : Zend Studio / PDT for Eclipse
- PHP 프레임 워크 : Zend 프레임 워크
- 자바 스크립트 라이브러리 : jQuery
- 버전 소스 코드 : Subversion을 가진 거북이 클라이언트
- HTML 필터링 라이브러리 : HTML Purifier
- 이미지 조작 라이브러리 : PHP 이미지
- 연산 코드 캐시 : APC
- 자바 스크립트 / CSS 배포 : 축소
- 마크 업 / 자바 스크립트 검사 디버깅 : Firebug
- 데이터베이스 관리 : phpMyAdmin
- 페이지로드 분석기 : YSlow
- 마크 업 유효성 검사 : HTML 유효성 검사기
- 셸 클라이언트 : PuTTY
- FTP 클라이언트 : FlashFXP
- PHP 설명서
- 경험과 기술 :)
(나는 웹 개발에 사용하는 LAMP에 집중했습니다)
개발 용 Firefox 플러그인
이것은 나에게 매우 유용한 것으로 판명되었습니다. 어떤 웹 페이지에서도 어떤 색상 (여기서는 내 기본 철자를 사용합니다)을 눈에 띄게 할 수 있으며, 기울이는 경우 크롬에서도 사용할 수 있습니다!
통치자는 매우 유용합니다! 다른 모든 것은 말할 것도 없습니다. :)
VirtualBox를 사용하면 가상 머신을 "서버"로 사용하고 기본 OS에서 페이지를 탐색 할 수 있으므로 개발이 매우 쉽습니다. 이는 특히 대상 OS가 개발중인 OS가 아닌 경우에 해당됩니다.
다음은 내 기본 필수 사항 중 일부입니다.
OS X :
Windows :
- 텍스트 및 CSS 편집기 : Aptana
교차 플랫폼 :
- 소스 코드 관리 : Git
- 브라우저 플러그인 : Firebug
- 프레임 워크 : Ruby on Rails
- 자바 스크립트 라이브러리 : Prototype 및 Scriptaculous
- 여러 컴퓨터 탐색 : Synergy
또한 여기에 제가 한동안 작성한 글이 있습니다 : 웹 개발자 도구 상자의 필수 요소
현금 (다른 사람에게 지불).
편집 : 질문은 명확하게 말합니다.
정기적으로 사용하는 것을 고수하고 맹세하십시오. 또한 프레임 워크, 플랫폼, 편집자 및 웹 개발자가 사용해야한다고 생각하는 모든 것이 될 수 있습니다.
웹 개발의 일부 또는 전체를 아웃소싱하는 것은 매우 합리적인 지점입니다.
rsync helful을 찾으면 더 많이 일치 하게 될 것입니다 !
우수한 Galperin의 목록에 몇 가지 추가 / 교체 :
- PHP IDE : VS.PHP / Textpad
- PHP MVC 프레임 워크 : CodeIgniter
- PHP ORM 프레임 워크 : phpDBO
- PHP 템플릿 프레임 워크 : PHPTAL
- FTP 클라이언트 : FireFTP
- WAMP 패키지 : WAMP 서버
Johnny Cache- 특정 URL에 대해 Firefox에서 캐싱을 방지합니다 (그렇지 않으면 Firefox가 때때로 CSS 및 javascript를 캐시 함).
나의 목록
IDE : Visual Studio / Netbeans (zip 파일!, 거의 이식 가능)
편집기 : monaco 글꼴이있는 메모장 ++ (휴대용)
파일 비교 : winmerge (휴대용)
소스 제어 : 전복, 거북이
티켓 관리 : redmine
파일 관리자 : 무료 사령관 (휴대용)
웹 브라우저 : IE, FF (휴대용), 크롬 (휴대용), iron (Google 쓰레기가없는 크롬, 휴대용), qtweb, arora,
FF 플러그인 : 방화범, 웹 개발자, xmarks
Imclient : pidgin
메일 클라이언트 : gmail
다운로드 관리자 : 무료 다운로드 관리자 (휴대용)
사이트 : STACKOVERFLOW !!!, gotapi ... 및 google, 항상 ...
Miscelaneous : launchy (그것 없이는 살 수 없습니다!)
가상화 : 가상 상자 (모든 환경에 대한 머신 이미지가 있음)
사무실 : 오픈 오피스 (휴대용)
램프 스택 : xammp (휴대용!)
디스크 사용량 : windirstat (휴대용), 스캐너 (휴대용)
PDF 뷰어 : foxit (휴대용), sumatrapdf (휴대용)
압축 해제 기 : 7-zip 휴대용
M $ SQL 비교 도구 : SQL 델타
M $ SQL 관리 : Visual Studio SQL 관리자
MySql
MySql 관리 : phpmyadmin, mysql과 함께 제공되는 관리자
제거 유틸리티 : revo unistaller (휴대용)
레지스트리 클리너 : ccleaner (휴대용)
FTP : filezilla (휴대용)
아시다시피, 저는 휴대용 애플리케이션에 대한 특별한 선호도가 있습니다.
선택한 편집기 로 VIM 의 변형을 사용 하고 싶다면 "실제 색상으로 16 진 CSS 색상 코드를 밑에 놓는" CSS 색상 미리보기를 추가 할 수 있습니다.
jQuery
I recently began to use it, and it's so easy to use! Everything becomes twice as easy to code! At least!
I can't stress this enough. A versatile library like this should not be missed, even by people like me who generally look down upon using other people's code.
Don't mind me, I'm just here to spread the word about my favorite editor/regex debugger/grepper suite. :-)
- EditPad Pro (IMO, the best damn text editor there is)
- RegexBuddy (the only real regex debugger I've found)
- PowerGREP (never use Windows Search again)
None of them are free, but they're sanely licensed and all of them support portable installation (good for the USB drive on your keychain). Best of all, the author is an SO user.
E-Text Editor, sold as 'The power of TextMate on Windows'. I find it ideal for HTML and CSS coding. It is very light and includes some great features that certainly increase productivity. Other tools of note that i regularly use are:
CakePHP - MVC framework for php
CakePHP is a rapid development framework for PHP that provides an extensible architecture for developing, maintaining, and deploying applications. Using commonly known design patterns like MVC and ORM within the convention over configuration paradigm, CakePHP reduces development costs and helps developers write less code.
Wraps up a lot of the work related to CRUD and has so many other features that reduce the work we have to do.
Addition to other tools mentioned here I often find great help in having a proper debugging proxy - Fiddler (free, Windows only) and Charles (commercial, cross-platform) are great ones.
Doing front-end development, a lot of time is spent figuring out why IE misbehaves (esp. IE6). Some great tools for this are:
- Internet Explorer Developer Toolbar
- Companion.JS - this is a companion application for Microsoft Script Debugger which gives you actually helpful Javascript error messages in IE.
- XRay - this is a bookmarklet for inspecting your HTML layout. This might seem trivial, but can be really helpful for debugging your layout in IE6
I recently discovered XRefresh which automatically reloads local files (file:// URLs) as soon as you save your changes. It's absolutely great when you're at the initial stages of a project and making frequent updates to static HTML, CSS and JavaScript files in your local project directory.
Commandline http clients like lynx, wget, and curl are very useful, at least if your development style is oriented towards the command line and text tools. I'm surprised they haven't been mentioned yet.
- For example, to feed POST data to a url and print out the response headers and html output:
echo 'foo=1&bar=2' | lynx -post\_data -mime\_header http://localhost/my/app - Quick to execute (uparrow, return) once it's in your shell history, less risk of breaking flow or getting distracted than switching into the browser.
- Scriptable, modifiable, repeatable. You can precede it with a script to put the database into a known starting state, you can grep the response headers or html output for the specific thing you're interested in, and follow it with a commandline database query to find out if the finishing state is as required.
IDE: Visual Studio
Framework: ASP.NET MVC
Client side: jQuery and jQuery.ui
Internet Explorer Developer Toolbar
If you are a windows developer you MUST have a look at those tools:
- FreeCommander (A Directory Explorer With Steroids)
- Agent Ransack (Search made easy)
- Komodo & Notepad++ (A Winning Combo)
- Google Chrome (With extensions):
- IDEs: PHPStorm, PyCharm (refactoring!!!)
- VIRT: colinux on win32
- GIT + sh
KiTTY + WinSCP
webinspector
- firebug + addys
- xpathbuddy (tbr)
- rhino (CLI)
- envjs
- phpsh
xdebug + kcachegrind
ZF
- pear
- jQuery
- closure tools
There's more to development than just coding. There's requirements capture, analysis, design, QA. Here's an introduction to the different phases of software development. I published this article on Top OSS for Coders a couple of years back but it still is relevant for me. This list includes OSS tools that are very helpful to me in all the different phases of software development and not just the coding phase.
Being a windows guy having to program a cake php app for one of my clients, SFTPDrive has been very helpful for me. My VM is a Centos Linux distrib, and I work on it for the most part from my Windows environment (with some exceptions of course).
I mainly use Google :-)
To be serious, a great firefox addon is TamperData - gives you the ability to change headers and data of each request made.
The Paint.NET image editor helps me on a daily basis and I recomend it for your basic image editing needs.
Fiddler
ViewState Helper
TopStyle Lite
IE Developer Toolbar
FireBug
NetBeans or if you are a console guy, emacs
Some Firefox addons I found to be very useful:
Live HTTP Headers - Very useful to inspect request/response HTTP headers.
MeasureIt - Tool to measure stuff inside the browser.
A windows box on synergy. Building in IE first and then tweaking for Firefox/Safari has brought my IE support up to par.
I recently started using HttpWatch and have found it to be great. It allows you to inspect all the HTTP traffic of your web application. What is the size of your AJAX response? Did the browser load the gif from its cache? Does your page make any requests that you didn't know about? These are just some of the questions HttpWatch can help you answer.
참고URL : https://stackoverflow.com/questions/411954/tools-for-faster-better-web-development
'IT TIP' 카테고리의 다른 글
| Visual Studio 2017에서 Microsoft.NETCore.App 패키지를 업데이트 할 수 없습니다 ( "프로젝트에서 차단됨"). (0) | 2020.10.16 |
|---|---|
| 파일 다운로드를 추적하는 방법 (0) | 2020.10.16 |
| C # 용 JSON 라이브러리 (0) | 2020.10.16 |
| 자바 스크립트에서 난수를 확보 하시겠습니까? (0) | 2020.10.16 |
| Math.abs가 Integer.Min_VALUE에 대해 잘못된 값을 반환합니다. (0) | 2020.10.16 |