구덩이를 밟다

1669 단어

vuepress는 특히 4월 12일에 발표된 새로운 vue 기반의 정적 사이트 생성기로서 실제로는 vue의 스파 응용 프로그램으로 웹 패키지를 내장하여 문서를 쓸 수 있다.마침 최근에 일부 구성 요소를 위해 문서를 작성해야 하기 때문에 한 차례 훑어보았다. 발표되자마자 많은 구덩이를 만났지만 결국은 부딪쳐서 운행하기 시작했다. 모두가 같은 구덩이를 밟지 않도록 일부러 세운 과정을 기록하고 한 파를 공유했다.
다음은 이미 알고 있는 몇 가지 문제이다

util 때문에.promisify는node8.0 이후에 도입된 것이기 때문에 저처럼 3시간의 시간을 낭비하고 싶지 않으면 node버전

을 확인하고 업데이트하십시오

웹팩-simple 템플릿을 사용하지 않는 것을 권장합니다. 그렇지 않으면 여러 가지가 실행되지 않을 수 있습니다.(╯) 𗙊

cli 템플릿을 사용하여 TypeError: Cannot read property'vue'of undefined를 잘못 보고한 것은 vuepress에 내장된 웹 패키지의 vueloader가 사용하는 버전이 현지의 버전과 다르기 때문입니다. 로컬 버전을 안정적인 최신 버전

으로 업데이트하십시오

공식 문서를 설치한 후 404로 이동하는 경우 루트의 해시 모드를 사용하십시오

포트 충돌 문제가 발생하면docs 디렉터리에서 새로 만듭니다.vuepress 폴더를 만들고 config 프로필을 새로 만들어서prot 포트 항목을 설정하면 됩니다. 구체적으로는 공식 문서

를 참조할 수 있습니다.

전역 설치 후 프로젝트에 다시 설치하면 의존이 충돌하여 Module build failed: CssSyntaxError, 전역에 쓰는 vuepress

를 권장합니다.
사용하기 시작하다
cli를 사용하여 웹 패키지 템플릿 항목 새로 만들기

    //          
    npm install
    
    // vue-loader      ，   vuepress   webpack  vue-loader    ，     （                  ，    ）
    npm install [email protected] --save-dev
    
    //     vuepress
	npm install -D vuepress
	
	mkdir docs
	
	echo "# Hello VuePress" > docs/README.md
	
	//      vuepress
	npx vuepress dev docs
	
	//  vuepress build          
	
	//            ，

프로젝트 배치는 github를 사용합니다. 구체적인 조작은 공식 문서를 참조하십시오.
예제 사이트
github 주소
나머지 주제 설정은 공식 문서의 설정 상해를 참조하면 OK입니다. 여기에는 군말이 없습니다.
전재 대상:https://juejin.im/post/5ad562e9f265da237a4d821b

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다