Foundation UI 프레임워크 소개

게를 먹는 사람이 제가 처음은 아닙니다

최근에는 프론트엔드가 큰 인기를 끌었습니다. 인기가 많다고 해도 과언이 아니죠, 내용도 많아요. 더 깊이 파고들 가치가 있습니다. 기본 HTML은 더 이상 내가 생각했던 것만큼 실행 가능하지 않습니다. 프레임워크, 자동화 및 기타 도구의 출현은 프런트엔드 개발을 가속화하는 촉매제와 같습니다.
공부하지 않으면 결국 탈락하게 됩니다.

재단이 할 수 있는 일

여전히 몇 년 전에 한 여성이 패러데이에게 "선생님, 전자기 유도의 용도가 무엇입니까?"라고 물었던 것을 기억합니다. Faraday 이것은 "부인, 갓 태어난 아기의 용도가 무엇인지 아십니까?"로 돌아갑니다.
물론 이 예는 여기서 사용하기에 적합하지 않을 수도 있지만 제가 설명하고 싶은 것은 일부 프레임워크가 나타나고 인기가 많다고 해서 무리는 아니다. 기술, 개념 등을 포함하여 배워야합니다.
그럼 프론트엔드 UI 프레임워크로서 Foundation은 무엇을 할 수 있을까요?
RWD 및 모바일 우선.
반응형 디자인과 모바일 퍼스트는 이제 웹 디자인의 기본 원칙이 되었습니다. 우리는 하나의 코드를 고수하며 어디서나 실행됩니다. 우리는 많은 에너지를 절약하고 더 많은 에너지를 얻을 것입니다.

첫 번째 Foundation 인스턴스를 시작하는 방법

여기에서는 npm과 git을 사용하여 개발 환경을 구축합니다.
전 세계적으로 Foundation 설치

npm --global foundation-cli

git 도구를 사용하여 명령줄을 열고 생성하려는 위치를 cd로 지정합니다. 프로젝트:

foundation new

명령에 따라 기본 정보를 입력하라는 메시지가 표시됩니다.
1. 빌드할 프로젝트를 선택하고 여기에서 웹 사이트를 선택한 다음 Enter 키를 누릅니다.
2. 프로젝트에 이름을 지정합니다.
3. 기본 템플릿을 선택합니다.

프로젝트 루트 디렉터리로 CD를 이동하고 Foundation을 시작합니다.

npm start

프로젝트 구성이 완료되었습니다. 가서 첫 번째 Foundation 프로그램을 사용해 보세요

위 내용은 Foundation UI 프레임워크 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!