WEB 프런트엔드 개발 도구에 대한 기본 인식

2032 단어
BootStrap을 공부할 준비를 하고 플러그인을 많이 발견했는데...
개원 프로젝트부터 공부합시다.
1     required node.js & bower & grunt
2 
3     $ git clone https://github.com/onokumus/Bootstrap-Admin-Template.git yourfoldername
4     $ cd yourfoldername
5     $ npm install
6     $ bower install
7     $ npm run buildrtl
8     $ grunt serve

하나, node.js
명성이 자자한 node.js, 이 항목에서는 패키지 도구로만 사용됩니다.
홈페이지에 가서 자신의 개발 환경에 적합한 소프트웨어 버전을 다운로드하면 매우 섬세하다.arm이라는 구조에 대해 전문적인 지원과 최적화를 했다.
개인적으로 node-v4.2.4-linux-x64.xz버전으로 압축을 풀면tomcat의 디렉터리와 같은 느낌으로 스크립트를 bin 디렉터리에서 실행합니다.
글로벌 명령 소프트 링크가 만들어졌습니다.
sudo ln -sf /home/yourname/softwarepath/node-v4.2.4/bin/npm /usr/local/bin/

2. bower
이것은 자바 개발 중의gradle과 같은 js 플러그인 설치 도구로 버전 간의 의존과 버전 문제를 해결합니다.
npm install bower
설치가 끝난 후 기본 경로는 {your true path}/node-v4.2.4/lib/node_modules/하.
공식 홈페이지에 따르면 npm install -g bower는 전역 설치가 가능하며 명령은 자유롭게 호출할 수 있다.
그러나 내가 이렇게 하는 것은 아무런 효과가 없다. 권한의 원인일 것이다. 괜찮아, 우리는 전체적인 소프트 링크를 할 수 있잖아.
grunt
이것은 프로젝트의 모든 js와 css 파일을 압축하는 도구입니다. (기능은 이에 국한되지 않습니다.)
npm install grunt
이것은 설치 패키지에서 bin 디렉터리를 찾을 수 없기 때문에 시간이 좀 걸렸어요?!
공식 홈페이지를 한참 동안 보고 npm install grunt-cli로 문제를 해결했다.
 
4. 적지 않은 정력을 들여 해결한 문제
구글 코드에 있는 jquery-inputlimiter를 실행합니다.1.3.1.zip은 다운로드할 수 없습니다. 가장 직접적인 생각은 FQ입니다. 결과는 헛수고입니다.
우회 해결 방법:
1. 먼저 국내 사이트나 방문할 수 있는 외국 사이트에 가서 필요한 패키지를 다운로드한다.
2.bower를 찾습니다.json에서 devDependencies 프로젝트의 다운로드 설치 경로입니다.이 프로젝트 경로는 {project}/src/assets/lib/입니다.
3. 다운로드한 패키지를 수동으로 2단계 디렉토리에 압축을 풉니다.
4. bower를 삭제합니다.json에서 소프트웨어를 바꾸는 의존(사실 위험한 것은 수동으로 설치된 패키지가 다른 패키지와 관련될 수 있지만 원리는 같다).
5. bower install을 다시 실행합니다.
 
마지막으로, grunt 서버를 실행하면 이 프로젝트에 직접 접근할 수 있다. 즉, grunt는 웹 서버로 사용할 수 있으며, node일 것이다.제이스의 공로죠, 제가 짐작컨대.

좋은 웹페이지 즐겨찾기