html5를 개발하는 데 어떤 도구가 사용됩니까?

html5 개발 도구에는 Dreamweaver, DevExtreme, WebStorm, Vscode, HTML5demos, HTML5 Tracker, Switch To HTML5, HTML5 Test, Lime JS 등이 포함됩니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

Adobe Dreamweaver

Dreamweaver는 웹 사이트 및 모바일 애플리케이션을 만들고 편집하기 위해 세계 최고의 소프트웨어 제조업체인 Adobe에서 출시한 시각적 편집 인터페이스를 갖춘 웹 디자인 소프트웨어 세트입니다. Dreamweaver는 웹 페이지 제작과 웹 사이트 관리를 통합한 WYSIWYG 웹 코드 편집기입니다. 단순화된 지능형 코딩 엔진과 시각적 도구를 통해 오류를 줄이고 웹 사이트 개발 속도를 높여 동적 웹 사이트를 쉽게 생성, 코딩 및 관리할 수 있습니다. 코드 팁에 액세스하여 HTML, CSS 및 기타 웹 표준에 대해 빠르게 배울 수도 있습니다. (참고: 필요에 따라 버전을 선택하세요.)

장점:                                                                                                                                                                                ' ~

• --생산 효율성.

• 강력한 제어 능력.                 

• 웹사이트 관리가 빠르고 쉽습니다.

• 포괄적인 CSS 지원.

• DW 커뮤니티 등 다양한 학습 리소스가 있습니다.

단점:

• 브라우저와 동일한 디스플레이 효과를 정확하게 구현하기 어려운 효과입니다.

• 깨끗하고 정확한 HTML 코드를 모니터링하고 생성하기 쉽습니다.

공식 웹사이트 주소 링크: https://www.adobe.com/cn/products/dreamweaver.html

DevExtreme

DevExtreme은 고성능 HTML5, CSS 및 Java 모바일 개발 프레임워크입니다. 모바일 애플리케이션을 구축하기 위해 Visual Studio 통합 개발 환경에서 직접 사용됩니다. Angular 및 React에서 ASP.NET MVC 또는 Vue에 이르기까지 DevExtreme에는 기존 웹 및 차세대 모바일 애플리케이션을 위한 다양한 고성능 반응형 UI 위젯이 포함되어 있습니다. 현재 DevExtreme V19.1.6이 새로 출시되었으며 Visual Studio 개발자가 크로스 플랫폼 모바일 제품을 개발하는 데 선호하는 도구입니다. (참고: 필요에 따라 버전을 선택하세요.)

공식 주소 링크: https://js.devexpress.com/

JetBrains WebStorm

WebStorm은 jetbrains 회사의 JavaScript 개발 도구입니다. 대다수의 중국 JS 개발자는 "웹 프런트 엔드 개발 아티팩트", "가장 강력한 HTML5 편집기", "가장 지능적인 JavaS IDE" 등으로 칭찬합니다. IntelliJ IDEA와 동일한 기원을 가지며 IntelliJ IDEA의 강력한 JS 부분의 기능을 상속합니다.

(참고: 필요에 따라 버전 선택)

장점:

• 스마트 코드 완성, 다양한 브라우저의 프롬프트 지원.

• 코드 형식 지정, 규칙 사용자 정의.

• HTML 스마트 팁.

• 연관 쿼리, 하이라이트를 찾아보세요.

• 코드 리팩토링.

• 코드 검사, 빠른 수정.

• 코드 디버깅.

• 코드 구조를 빠르게 탐색하고 찾으세요.

• 코드 접기.

• 랩을 감싸거나 제거하라는 코드를 자동으로 프롬프트합니다.

공식 주소 링크: https://www.jetbrains.com/zh-cn/webstorm/?utm_source=baidu&utm_medium=cpc&utm_campaign=cn-bai-br-core-ex-pc&utm_content=brand-webstorm&utm_term=jetbrains%20webstorm

Visual Studio Code

Vscode는 아름다운 인터페이스, 강력하고 실용적인 기능을 갖춘 매우 뛰어난 IDE 개발 도구입니다. 소프트웨어는 중국어를 지원하고 풍부한 플러그인을 갖추고 있으며 최신 편집기에 필요한 모든 기능을 통합합니다. , 구문 강조 조명, 사용자 정의 가능한 키보드 바인딩, 브래킷 일치 및 스니펫 컬렉션을 포함합니다. 윈도우, OS X, 리눅스를 지원합니다. 내장된 JavaScript, TypeScript 및 Node.js 지원.

이점:

• 무료

• IntelliSense를 통해 구문 강조 및 자동 완성 기능을 뛰어넘어 보세요.

• 편집기에서 직접 코드를 디버그하세요.

• 내장 Git 명령.

• 확장 가능하고 사용자 정의가 가능합니다.

• Microsoft Azure를 사용하여 웹사이트를 쉽게 배포하고 호스팅하세요.

공식 링크 주소: https://code.visualstudio.com/#built-in-git

Sencha Architect

Architect는 모바일 및 데스크톱 애플리케이션 개발 도구 중에서 HTML5 시각적 애플리케이션 개발을 포지셔닝합니다. 개발 팀은 드래그 앤 드롭 기능을 사용하여 HTML5 애플리케이션을 구축할 수 있으므로 수동 코딩에 소요되는 시간을 줄이고 애플리케이션 코드를 고성능에 최적화할 수 있습니다. Architect는 대부분의 상용구 코드를 입력할 필요를 없애 개발자의 시간을 절약합니다. 자동 코드 생성으로 데스크톱 및 모바일 애플리케이션 개발이 가속화됩니다. WYSIWYG 창에서 Ext JS UI 구성 요소의 속성과 구성을 간단히 변경하면 수동으로 코딩할 때 자주 발생하는 인적 오류가 제거됩니다. (참고: 필요에 따라 버전을 선택하세요.)

장점:

• 구성 요소 드래그 앤 드롭

• 모델-뷰-컨트롤러 모드를 지원합니다.

• Sencha Touch 및 Ext JS 4를 지원하여 모바일 및 데스크톱 웹 애플리케이션을 구축합니다.

• iOS 및 Android용 원클릭 네이티브 패키징 기능이 내장되어 있습니다.

공식 주소 링크: https://www.sencha.com/products/architect/

HTML5demos

브라우저가 HTML5 Canvas를 지원하는지 알고 싶으십니까? Safari가 간단한 HTML5 채팅 클라이언트를 실행할 수 있는지 궁금하십니까? HTML5demos는 각 HTML5 기능이 지원되는 브라우저를 알려줍니다.

공식 링크 주소: http://html5demos.com/

HTML5 Tracker

HTML5의 최신 동향을 알고 싶으십니까? 최신 HTML5 개정 정보를 추적할 수 있는 HTML5 Tracker를 사용하세요.

HTML5 시각적 치트 시트

태그나 속성을 빠르게 찾고 싶으십니까? 모든 웹 개발자에게 꼭 필요한 이 멋진 치트 시트를 확인해 보세요.

비공식 링크 주소: https://download.csdn.net/download/vick1217/4414181

Switch To HTML5

Switch To HTML5는 기본적이고 실용적인 템플릿 생성 도구입니다. 새 프로젝트를 시작하는 경우 여기에서 무료 HTML5 웹사이트 템플릿을 얻을 수 있습니다.

HTML5 테스트

당신의 브라우저는 HTML5 혁명에 대비하고 있나요? HTML5 테스트가 알려줄 것입니다. 이 웹사이트는 귀하가 현재 사용하고 있는 브라우저에 대한 비디오, 오디오, 캔버스 및 기타 기능 지원에 대한 완전한 보고서를 생성합니다.

공식 링크 주소: http://html5test.com/

Lime JS

LimeJS는 모든 최신 터치 스크린 및 데스크톱 브라우저를 위한 빠른 기본 경험 게임을 구축하기 위한 HTML5 게임 개발 프레임워크입니다.

공식 링크 주소: http://www.limejs.com/

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 html5를 개발하는 데 어떤 도구가 사용됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!