Skip to content

Latest commit

 

History

History
62 lines (57 loc) · 2.57 KB

CONTRIBUTING.md

File metadata and controls

62 lines (57 loc) · 2.57 KB

Contribution Guide

Build

Requirements

  • Node.js 14+ (Latest verion of LTS is recommended, webpack does not work with Node.js 17+)
  • npm 6.1+

Tools

Setup

After cloning the repository, run:

# Install dependencies
$ npm install

To run the project locally, run:

# Serve a local server with hot reload at localhost:3000
$ npm run dev

To build the project for deployment, run:

# Generate static project
$ npm run generate

To lint the porject, run:

# Lint the project
$ npm run lint

Project Structure

  • .nuxt: contains the dynamically generated files when npm run dev is used. Ignored by Git.
  • assets: contains the un-complied assets such as images or fonts.
    • icons
    • background
  • components: contains all the .Vue components used on the website.
  • content: contains all the Markdown, JSON and CSV files used on the website. A MongoDB-like API is exposed on localhost:3000/_content/.
  • dist: contains the dynamically generated files when npm run generate is used. Ignored by Git.
  • layouts: contains all the layouts used by the site. The default layout, default.vue, is used if not specified.
  • models: contains the models and classes used by the website.
  • page: contains all the views and routes used on the website. Nuxt automatically creates a page for every .vue files inside the directory. The routing configuration is also automatically generated.
  • plugins: contains all plugins used on the website.
  • static: contains all static files used on the website such as favicon.ico and robots.txt. All files in the directory are served at root.
  • store: contains all Vuex store files used on the website.
  • nuxtconfig.js: the Nuxt.js configuration file.
  • tailwind.config.js: the tailwindcss configuration file.
  • tsconfig.js: the TypeScript configuration file.

TypeScript Support

All <script> tag must explicitly specify the language as ts. For example:

<script lang="ts">
// code
</script>