nuxt.js使用教程_使用Nuxt.js构建的HackerNews克隆

nuxt.js使用教程

Nuxt.js黑客新闻 (Nuxt.js Hacker News)

HackerNews clone built with Nuxt.js.

使用Nuxt.js构建的HackerNews克隆。

View demo 查看演示 Download Source 下载源

性能 (Performance)

• Lighthouse 100/100 - Webpagetest

  灯塔100/100 - Webpagetest

• Interactive (Faster 3G) 3.5s

  交互式(更快的3G) 3.5秒

• Interactive (Emerging Markets) 3.8s

  互动(新兴市场) 3.8s

特征 (Features)

• Server Side Rendering & Caching

  服务器端渲染和缓存

• Code Splitting

  代码分割

• Single-file Vue Components

  单文件Vue组件

• Real-time List Updates with FLIP Animation

  使用FLIP动画进行实时列表更新

• Prefetch/Preload JS + DNS + Data

  预取/预加载JS + DNS +数据

• Critical Path CSS

  关键路径CSS

• PWA experience using PWA Module with almost zero config

  使用PWA模块且配置几乎为零的 PWA经验

• PRPL

  PRPL

• Hot reloading dev environment integrated with ESLint and Prettier

  热重装与集成开发环境ESLint和更漂亮

构建设置 (Build Setup)

Requires Node.js 6+

需要Node.js 6+

# install dependencies
npm install # or yarn

# serve in dev mode, with hot reload at localhost:3000
npm run dev

# build for production
npm run build

# serve in production mode
npm start

# validate code with ESLint (with Prettier)
npm run lint

# validate andf fix with ESLint (with Prettier)
npm run lintfix

翻译自: https://vuejsexamples.com/hackernews-clone-built-with-nuxt-js/

nuxt.js使用教程