Martin Adams martinadamsdev

ESLint rules

The ESM standard is considered stable in NodeJS and well supported by a lot of modern JavaScript tools.

ESLint does a good job validating and fixing ESM code (as long as you don't use top-level await, coming in ESLint v8). Make sure to enable the latest ECMA features in the ESLint config.

.eslint.json

Commit Message Conventions

These rules are adopted from the AngularJS commit conventions.

Goals
Generating CHANGELOG.md
- Recognizing unimportant commits
- Provide more information when browsing the history
Format of the commit message
Subject line

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

	import React, { useState, useEffect } from 'react';
	import { Menu, X, ChevronDown, Sun, Moon } from 'lucide-react';
	import {
	Sheet,
	SheetContent,
	SheetTrigger,
	} from "@/components/ui/sheet";

	const Navigation = ({
	theme = 'light',

	-Xms4096m
	-Xmx10240m
	-XX:CICompilerCount=6
	-XX:+UseG1GC
	-XX:MaxGCPauseMillis=200
	-XX:InitiatingHeapOccupancyPercent=45
	-XX:NewRatio=3
	-XX:ReservedCodeCacheSize=512m
	-XX:+UseCompressedOops
	-XX:+OptimizeStringConcat

	FROM alpine as base

	ARG NGINX_VERSION=1.27.0

	RUN apk update && apk upgrade && \
	apk add --no-cache --virtual .build-deps bash tar wget gcc g++ make file perl linux-headers ca-certificates openssl-dev pcre-dev zlib-dev openssl pcre zlib && \
	where pcre && \
	where openssl && \
	where zlib
	# wget https://nginx.org/download/nginx-${NGINX_VERSION}.tar.gz && tar zxf nginx-${NGINX_VERSION}.tar.gz

	/* 全局属性
	* 页边距 padding: 20px;
	* 全文字体 font-family: ptima-Regular;
	* 英文换行 word-break: break-all;
	*/
	#nice {
	}

	/* 段落，下方未标注标签参数均同此处
	* 上边距 margin-top: 2px;

	const obj = {
	a: 1,
	b: 2,
	c: 3,
	d: 4,
	e: 5,
	}

	<!DOCTYPE html>
	<html lang="zh-cn">

	<head>
	<meta charset="UTF-8">
	<title>HTML5 Canvas圆盘抽奖应用DEMO演示</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<style>
	* {
	padding: 0px;

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>创建threejs场景-旋转的立方体</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	body{margin: 0}
	canvas{width: 100% ; height: 100%}
	div#drawArea{

Martin Adams martinadamsdev

ESLint rules

Commit Message Conventions

Semantic Commit Messages

Example