nuxt.config.js에 다음을 추가하고 PREVIEW_TOKEN을 미리 보기 토큰으로 바꿉습니다. 다음으로 Nuxt 생성기가 만든 /component/Logo.vue 파일을 삭제하고 자체 구성 요소를 만듭니다. 우리는 라우터 링크 대신 우리의 링크를 생성하기 위해 nuxt 링크를 사용하고 있습니다. $ vue init nuxt 커뮤니티 / 스타터 템플릿 확인,하지만 난 „비”SPA 버전을 원하고 사용자 정의 생성 지원을 테스트하기 위해 약해진 경우? 어떻게 보이는지 봅시다! 이것은 내가 nuxt.config.js에 추가 한 것입니다 : TypeScript를 사용하여 Nuxt를 실행하기 위해 nuxt-ts라는 새 배포판을 만들었습니다 (우리는 또한 nuxt-ts-edge가 있습니다). 우리는 nuxt.js가 자동으로 플러그인의 파일을 선택하지 않습니다 그래서 우리는 nuxt.config.js에 구성 요소.js를 추가해야하므로 npm ❤️에 패키지 이름의 그의 기부에 대한 @hmsk 감사드립니다. 다음으로 Nuxt.js가 이러한 모듈을 사용하도록 만들어 보겠습니다. nuxt.config.js 파일의 모듈 섹션에 추가하여 이를 수행합니다: 응용 프로그램 만들기를 시작하려면 create-nuxt-App을 사용할 것입니다. 그것은 당신이 당신의 응용 프로그램의 기본 폴더 구조를 설정하는 데 도움이, 당신은 선택적으로 익스프레스 또는 코아와 같은 선호하는 서버 측 프레임 워크를 설치할 수 있습니다, 당신은 또한 응용 프로그램과 쉽게 Axios 통합을위한 Nuxt Axios 모듈을 설치할 수 있습니다. 기본적으로 뷰포트에 표시될 때 연결된 코드 분할 페이지를 미리 가져옵니다. 이는 퀵링크에서 영감을 얻은 최종 사용자 성과를 크게 향상시킵니다. 그러나 나는 „현대 번들”에 대해 머리를 긁적거리고 있습니다.
최신 nodejs 또는 최신 브라우저인가요? 그리고 nuxt는 어떻게 브라우저 목록을 사용하여 그것을 감지합니까? 공동 타이프 스크립트 포크에 대한 nuxt-커뮤니티 / hackernews-nuxt-ts 다음, vue-속성 장식 VS nuxt-속성 장식에 대해, 문서의 섹션이있을 것입니다하지만 여기에 그것에 대해 내 생각입니다 : Nuxt의 가장 큰 혁신은 함께 제공 nuxt는 명령을 생성합니다. 이 명령은 웹 사이트의 완전히 정적 버전을 생성합니다. 그것은 당신의 경로의 모든 하나에 대한 HTML을 생성하고 자신의 파일 의 내부에 넣어것입니다. nuxt-property-decorator는 클래스에서 직접 Nuxt (예를 들어 asyncData) 항목을 사용할 수 있도록 후크를 등록하지만 여기서 는 자동 변환 또는 형식 검사를 제공하지 않습니다. 또한 다른 라이브러리 위에 라이브러리를 유지 관리하지 않아도 :). 아직 노드Js, NPM 및 NPX를 설치하지 않은 경우. nuxt.js 스타터 템플릿으로 프로젝트를 초기화하는 것으로 시작합니다. nuxt/hackernews에서 새로운 릴리스에 대한 알림을 원하십니까? 각 릴리스에서 개발자 경험(„DX”)을 개선할 수 있습니다. 이 작은 변경을 사용하면 CSS / SCSS / Postcss / 적은 / 스타일러스 / … nuxt.config.js 내부의 css 배열에 나열된 파일입니다. 플러그인 또는 서버의 경우미들웨어 키, 이것은 이미 가능하다. npx는 npm 레지스트리에서 패키지를 사용하는 경험을 마무리하는 데 도움이되는 도구입니다 – npm은 레지스트리에서 호스팅되는 종속성을 쉽게 설치하고 관리할 수 있게 해주며, npx를 사용하면 레지스트리에서 호스팅되는 CLI 도구 및 기타 실행 도구를 쉽게 사용할 수 있습니다.