먼저 소프트웨어의 실행 인터페이스를 살펴보겠습니다.
왼쪽은 HTML 코드, 오른쪽은 jQuery 코드이며 코드 접기와 구문 강조도 지원합니다(단, 코드는 없습니다). 프롬프트가 조금 불쾌한 느낌이 들긴 하지만 jQuery를 오랫동안 사용하고 익숙해지면 별 문제가 되지 않습니다.) 작성한 후 직접 F5를 누르면 실제 효과를 동시에 볼 수 있습니다. 아래의 chrome, ff 및 ie 버튼을 클릭하면 세 가지 브라우저에서 결과를 볼 수 있습니다. 실제 효과는 가능하다고 생각하면 HTML로 저장할 수 있습니다. jQueryPad는 자동으로 jQuery 코드와 HTML 코드를 HTML로 병합합니다. , 더블클릭으로 바로 실행할 수 있는 코드는 다음과 같습니다.
< 메타 http-equiv="content-type" content="text/html; charset=utf-8" />
jQueryPad Preview title> javascript" src="file:///D:/Documents and Settings/kyo/Local Settings/Application Data/jQueryPad/9bdfde77-f688-4bca-8a6a-aee5635fae9a/ Jquery.js">
어때요? 이거 괜찮아 보이나요? VS는 결국 너무 크기 때문에 일상적인 개발에서 VS를 대체할 수 있는 도구라고 생각합니다. 기본적인 코드를 작성해야 한다면 이 도구를 사용할 수 있습니다.
이 도구의 또 다른 하이라이트는 템플릿(NVelocity 사용)을 지원한다는 것입니다. 프로그램 디렉터리에서 템플릿을 열면 실제로 Default.vm이 생성되는 JQuery.js 및 Default.vm이 표시됩니다. HTML 템플릿은 사용자가 정의할 수 있는데, 기본적으로 NVelocity를 사용해본 사람이라면 누구나 스스로 템플릿을 사용자 정의할 수 있으므로 자신의 필요에 따라 템플릿을 사용자 정의할 수 있습니다. (한숨: 템플릿 엔진이 정말 좋습니다. 그렇지 않았습니다. 예전부터 사용했던 것 같은데 불필요하네요. 지금까지 사용해 본 적이 없다면 정말 좋은 것 같습니다. NVelocity가 아니어도 금방 배울 수 있습니다. VS와 함께 제공되는 T4도 배울 수 있습니다)
팁: 이것을 사용하십시오 도구를 사용할 때 Ctrl Tab 키를 사용하여 HTML과 jQuery 코드 입력 사이를 전환할 수 있으므로 한 손을 사용하지 않고도 작성 속도가 크게 빨라집니다. 키보드에서.
다운로드 주소
jQueryPad, 소형 jQuery 개발 및 테스트 도구(IE, chrome, FF 지원)