静的Webサイト制作を少しモダンにするためのテンプレート
This is a website template for creating static web pages. The goal is to create a template that can be used by many people and provides a slightly modern production environment.
To get started, you will need to install the necessary packages for development using the following command:
npm install
After cloning or downloading the template, run the above command.
The development is done in the src directory and temporary files for testing are outputted to the htdocs directory. The static directory is for files that do not require processing by Gulp but need to be included in the final htdocs directory, such as favicon or common files. The template directory contains Pug file templates. Create your files based on this template.
To execute the necessary Gulp and webpack tasks for development, run the following command:
npm run dev
For building the production environment, use the following command:
npm run build
If you want to test the production environment, use the following command:
npm run production
HTML, CSS, and JS formatting and linting are performed together. Make sure there are no errors before pushing. HTML linting and W3C validation are done using HTMLHint and gulp-w3cjs. Sass linting is performed based on stylelint-config-standard. JavaScript linting is performed based on Airbnb JavaScript style guide and eslint-plugin-vue.
The following processes are performed:
This is a website template designed for creating static web pages with a modern production environment. It includes features such as easy usage, templates for Pug files, and support for linting and compiling HTML, CSS, and JavaScript. The template also provides a convenient development environment with Gulp and webpack tasks.