상위 5개 WeChat 미니 프로그램 개발 IDE에 대한 심층 평가

WeChat 미니 프로그램은 한동안 내부 테스트를 거쳤습니다. 저자는 MINA 프레임워크에서 많은 함정에 직면하지는 않았지만 실제로는 그렇지 않았습니다. 감히 칭찬해 보세요. 여러 가지 요구에 부응하여 저자는 현재 시중에 나와 있는 소규모 프로그램 개발을 지원하는 도구를 시험해 보고 참고할 수 있도록 다음과 같이 공들여 요약했습니다.

저자는 호기심과 학습을 위해 한동안 내부 테스트를 진행해 왔지만 MINA 프레임워크에서는 본 적이 없습니다. 함정이 너무 많지만 공식 개발 도구는 실제로 마음에 들지 않습니다.

• API 프롬프트가 불완전하고 API를 하나씩 확인해야 하며 코드 작성이 매우 느립니다

• 필요한 단축키가 많이 있습니다 모든 키워드 선택, 라인 빠르게 복사 등은 불가능합니다.

• 화이트 스타일이 마음에 들지 않는다면?

• 플러그인 없음, 플러그인 없음, 플러그인 없음 플러그인에 대한 중요한 사항이 세 번 언급되었습니다.

저자는 다양한 IDE를 시도하는 여정을 시작할 수밖에 없습니다. 이제 IDE에 대한 작성자의 요구 사항이나 아이디어에 대해 이야기해 보겠습니다.

• Lightweight: Eclipse 같은 거대 기업을 좋아하지는 않습니다. 유사한 도구가 나타나면 해당 기능의 90%가 사용되지 않으므로 사용하지 않겠습니다.

• 사용자 정의 가능한 코드 색상 지정: 코드 색상 지정은 필수 기능입니다. 색상 템플릿을 지원하면 가장 좋습니다.

• 정확한 코드 팁: 이것은 매우 중요합니다. 모두가 이해합니다.

• 디버깅 가능: IDE를 디버깅하거나 실행할 수 있습니다.

• 실시간 미리 보기 인터페이스: 애플리케이션 개발이 다르기 때문에 웹 페이지에서 실시간 미리보기는 프로그램이 실행될 때 동적 데이터를 인터페이스에 로드해야 합니다. 이 측면에서는 별로 희망이 없습니다

위 요구 사항에 대응하여, 저자는 현재 시중에 나와 있는 다양한 지원을 시도하여 참고할 수 있도록 소규모 프로그램 개발을 위한 도구를 아래에 요약했습니다.

WeChat 미니 프로그램 공식 개발 도구

이 자막에는 "IDE"라는 단어를 사용하지 않았습니다. 작성자의 눈에는 실제로 IDE가 아닌 도구이기 때문입니다. 공식 툴의 코드 편집 기능은 vscode의 코드 편집 기능을 툴에 내장하는 것인데, 이는 개발을 지원하기에 충분하지 않습니다.

장점

공식 도구이기 때문에 코드 편집 기능이 너무 약한 것만 빼면 다른 타사 도구와 비교할 수 없는 자연스러운 장점이 있습니다.

• 공식 도구, 디버깅 가능, 미리보기 가능

• 기본 코드 편집, 스마트 프롬프트, 디버깅 및 기타 기능 사용 가능

• 프로젝트 관리, 생성, 모바일 미리보기, 코드 제출 검토

• 공식 유지보수 업데이트

단점

단점도 분명합니다. 전체적으로 IDE라기보다는 도구입니다. 잘못된 코드 편집 기능은 코드 작성을 매우 어색하게 만듭니다. 이것이 제가 포기한 가장 중요한 이유입니다.

• API 프롬프트가 불완전하고 API를 하나씩 확인해야 하며 코드 작성이 매우 느립니다

• 필요한 단축키가 많이 있습니다 키워드 전체 선택, 라인 빠르게 복사 등은 불가능합니다.

• 컬러 테마를 선택할 수 없다면 화이트 스타일이 마음에 들지 않는다면?

• 플러그인 없음, 플러그인 없음, 플러그인 없음 플러그인에 관한 중요한 사항이 세 번 언급되었습니다.

요약

현재는 WeChat 웹 개발 도구를 사용하여 작은 프로그램을 생성, 디버그, 보기, 미리보기, 업로드해야 하기 때문에 이 도구가 필수적입니다. 하지만 코드 편집 기능은 정말 열악합니다. 대신 다른 타사 코드 편집 도구를 사용하는 것이 좋습니다.

Sublime Text 3

공식 도구에 대해 이야기한 후 일상 업무에서 가장 많이 사용하는 도구에 대해 이야기하자면, 숭고한 텍스트 3. IDE가 아닌 코드 편집기로 자리 잡았습니다. 사용해 본 후에는 코드 프롬프트 측면에서 평균적으로 간주될 수 있습니다.

장점

• 파일 열기가 훨씬 빠르고 UI가 단순하고 우아합니다.

• 코드 편집 경험 편안하고 효율적입니다

• 많은 플러그인이 있으며 기본적으로 다양한 요구에 맞는 해당 플러그인을 찾을 수 있습니다

• 타사 개발자가 코드 색상 지정 및 코드 힌트를 위한 소형 프로그램 플러그인 개발

단점

• 디버깅 없음, 미리 보기 없음

• 타사 개발자가 작성한 플러그인이고 코드 팁이 그다지 포괄적이지 않기 때문입니다

요약

자체적인 코드 편집 장점에 더해 작은 프로그램 개발에 실질적인 도움이 되지 않는다는 점에서 결국 저자는 Sublime Text 솔루션도 포기했습니다.

이 Sublime Text 플러그인에 대해 불평해야 합니다. 실행하는 데 시간이 오래 걸려서 매우 답답합니다.

참고: 플러그인 다운로드 링크는 기사 끝에 있습니다

Vim + WEPT

편집자 Vim vim의 신은 항상 내 자랑의 도구였습니다. Emacs 사람들이 와서 나를 꾸짖지 않도록 vim의 장점에 대해서는 많이 말하지 않겠습니다.

인터넷상의 누군가가 Wxapp.vim이라는 해당 플러그인을 개발했습니다. 저는 이 플러그인을 파일 감지, 지능형 완성, 문서 점프, 구문 강조, 들여쓰기, 코드 조각 등을 포함하여 간단히 사용해 보았습니다. 단어 목록, 문법 검사 및 기타 기능. 전반적으로 좋은데 한가지 심각한 문제가 있습니다. 서버 개발을 할 때 프로그래밍에는 기본적으로 Vim을 사용했고, 터미널에서 직접 디버깅을 실행하기 위해 다른 플러그인과 도구를 사용했습니다. 하지만 Vim과 공식 WeChat Mini 프로그램 도구 사이를 자주 왔다 갔다 해야 했기 때문에 WeChat Mini 프로그램을 오랫동안 사용한 후에는 포기해야 했고, 이로 인해 극도로 짜증이 났습니다. 저자의 평소 스타일에 따르면 Vim을 사용할 때는 마우스를 버려야 합니다.

그런데 결국 해결책을 찾았는데, 아래에서 소개하겠습니다.

장점

• 코드 강조, 코드 프롬프트 및 기타 기능이 완성되었습니다.

• 위에서 언급한 작은 프로그램 개발 플러그인인 Wxapp.vim이 있습니다.

단점

• 미리보기를 디버깅할 수 없습니다

• 또 다른 문제는 많은 사람들이 학습 곡선이 높은 Vim을 처리할 수 없다는 것입니다.

• UI와 사용법이 대부분의 사람들의 습관과 일치하지 않습니다

요약

'WEPT '는 내가 Pain point 위에서 Vim에 대해 말한 내용을 해결합니다.

WEPT는 WeChat 미니 프로그램을 위한 실시간 개발 환경입니다. 그 목표는 미니 프로그램 개발을 위한 효율적이고 안정적이며 제한 없는 운영 환경을 제공하는 것입니다. 즉, 실시간 미리보기 및 디버깅이 가능한 실시간 실행 환경 그 자체입니다. 동시에 크롬 브라우저의 도움으로 디버깅을 완료할 수 있습니다. 이전 Vim과 함께 사용하면 코드 편집부터 디버깅, 미리보기까지의 문제를 완벽하게 해결합니다.

이 제품은 IDE가 아니므로 저자는 장단점을 분석하지 않습니다. 전반적으로 WEPT+VIM+Plugin은 좋은 솔루션입니다. 모든 사람이 사용하는 것이 좋습니다.

참고: 플러그인 다운로드 링크는 기사 끝에 있습니다.

WebStorm

WebStorm에는 인터넷에 다음과 같은 플러그인이 있습니다. 코드 프롬프트를 구현할 수는 있지만 디버깅 및 미리보기는 할 수 없고 무거운 도구이기 때문에 WebStorm을 사용하지 않았습니다. 좀 더 두꺼운 느낌을 좋아하는 어린이 신발이라면 이 도구를 사용해 보세요.

장점

• 코드 강조, 코드 프롬프트 및 기타 기능을 구현할 수 있는 플러그인이 있습니다.

• 예 매우 성숙하고 풍부한 기능

• 다양한 단축키

단점

• 디버깅이 안됨 미리보기

• 기능이 많아 벅차다

요약

요약 , webstorm 등 위와 같이 코드 편집 기능은 강력하지만 작은 프로그램을 개발하려면 플러그인 지원이 필요하고 부풀어 오른다.

참고: 플러그인 다운로드 링크는 기사 끝에 있습니다

Egret Wing

Wing은 작성자의 것으로 간주됩니다. 이것은 회사 수준에서 지원되는 첫 번째 IDE이므로 기능이 상당히 성숙해졌습니다. 나는 그것을 다운로드하여 사용해 보았습니다. 위의 Vim 솔루션을 제외하고는 비교 후 이것이 최고의 IDE 도구가 될 것입니다.

장점

• 코드 프롬프트, 코드 강조 표시 지원

• 실시간 미리보기 및 디버깅 및 다양한 해상도 미리보기 전환

• 실제로 프로젝트 생성도 지원?!

• 새 페이지 템플릿 파일 지원

• 격주 업데이트

단점

• 실시간 인터페이스 미리보기는 정적 렌더링이므로 사용할 수 없습니다. 인터페이스 미리보기의 동적 데이터는 디버깅 중에만 미리 볼 수 있습니다.

• 시각적으로 드래그 앤 드롭하여 인터페이스를 생성할 수 없습니다(너무 욕심이 많은 걸까요?)

요약

Wing은 실시간 미리보기 기능을 지원하는 유일한 IDE입니다. WeChat 관계자조차도 실시간 미리보기가 없지만 컴파일 후 미리보기가 필요합니다. 게으른 작성자의 경우 실제 인터페이스를 작성할 때 너무 기뻐하지 마십시오. -타임 미리보기! Wing 프로젝트를 생성하고, 새 페이지 템플릿을 생성하고, 프로젝트를 실행할 수 있을 뿐만 아니라, 미리보기 인터페이스가 공식 WeChat 개발 도구와 매우 유사하다는 것을 알게 될 것입니다. 먼저 추천합니다.

요약

목록을 만들어 각자 기분에 따라 선택하도록 합시다.

환경/도구	간략한 설명	코드 강조	코드 팁	디버깅	실시간 미리보기	소프트웨어/플러그인 다운로드 주소
공식 도구	WeChat Mini 프로그램 공식 도구	지원	매우 약함	지원	지원	소프트웨어 다운로드
Egret Wing	WeChat 애플릿 개발을 지원하는 최초의 IDE입니다. Sublime Text 3	Sublime Text를 사용하려면 플러그인을 설치해야 합니다.	지원됨	지원됨	지원되지 않음	지원되지 않음	플러그인
Webstorm	WebStorm 헤비웨이트 IDE	지원	지원	지원되지 않음	지원되지 않음	플러그인
vim + WEPT	강력한 조합 도구	지원	지원	지원	지원	Vim 플러그인, WEPT

상위 5개 WeChat 애플릿 개발 IDE에 대한 심층 평가와 관련된 더 많은 기사를 보려면 PHP 중국어에 주목하세요. 웹사이트!