feat:修改配置文件

.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": ["next/babel"],
+  "plugins": [
+    [
+      "import",
+      {
+        "libraryName": "antd",
+        "style": true
+      }
+    ]
+  ]
+}

.env

@@ -0,0 +1,2 @@
+NODE_ENV=development
+CLIENT_BASE_API=/api

.env.pre

@@ -0,0 +1,3 @@
+NODE_ENV=production
+CLIENT_BASE_API=/api
+TTT=pre

.env.prod

@@ -0,0 +1,3 @@
+NODE_ENV=production
+CLIENT_BASE_API=/api
+TTT=production

.env.release

@@ -0,0 +1,3 @@
+NODE_ENV=production
+CLIENT_BASE_API=/api
+TTT=release

.env.test

@@ -0,0 +1,3 @@
+NODE_ENV=production
+CLIENT_BASE_API=/api
+TTT=test

.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  extends: [],
+  rules: {},
+};

.gitignore

@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+/src/.umi/
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel

.vscode/settings.json

@@ -0,0 +1,187 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "eslint.validate": [
+    "javascript",
+    "react",
+    "typescript",
+    "typescriptreact",
+    "vue"
+  ],
+  "editor.formatOnSave": true,
+  "[typescriptreact]": {
+    "editor.defaultFormatter": null
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": null
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": null
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": null
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[less]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}
+// setting.json
+{ 
+  "debug.console.fontFamily": "JetBrains Mono",
+  // 控制在运行预启动任务后遇到错误时应该怎么做。debugAnyway: 忽略任务错误并开始调试。
+  "debug.onTaskErrors": "debugAnyway",
+  // 控制编辑器是否应在对屏幕阅读器进行了优化的模式下运行。设置为“开”将禁用自动换行。
+  "editor.accessibilitySupport": "off",
+  // 控制是否启用平滑插入动画
+  "editor.cursorSmoothCaretAnimation": true,
+  "editor.find.addExtraSpaceOnTop": false,
+  // 这个控制是否启用字体连字
+  "editor.fontLigatures": "'ss01', 'ss02', 'ss03', 'ss06', 'zero'",
+  // 控制编辑器是否应呈现垂直字形边距。字形边距最常用于调试。
+  "editor.glyphMargin": true,
+  // 控制是否在编辑器中自动显示内联建议。
+  "editor.inlineSuggest.enabled": true,
+  // 在通过鼠标添加多个光标时使用的修改键。“转到定义”和“打开链接”功能所需的鼠标动作将会相应调整，不与多光标修改键冲突
+  "editor.multiCursorModifier": "ctrlCmd",
+  "editor.tabSize": 2,
+  "editor.fontWeight": 440,
+  "editor.fontFamily": "JetBrains Mono, Menlo, Monaco, 'Courier New', monospace",
+  // 控制是否突出显示可能与基本 ASCII 字符混淆的字符，但当前用户区域设置中常见的字符除外。
+  "editor.unicodeHighlight.ambiguousCharacters": false,
+  // 控制是否突出显示仅保留空格或完全没有宽度的字符。
+  "editor.unicodeHighlight.invisibleCharacters": false,
+  // ESLint要验证的语言
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "vue",
+    "typescript",
+    "typescriptreact",
+    "html",
+    "css",
+    "scss",
+    "less",
+    "mpx",
+    "json",
+    "markdown"
+  ],
+  // 不显示eslint校验的警告信息
+  "eslint.quiet": true,
+  // eslint保存时只修复有问题的代码
+  "eslint.codeActionsOnSave.mode": "problems",
+  "eslint.format.enable": true,
+  // 文件自动延迟保存
+  "files.autoSaveDelay": 5000,
+  // 默认行尾字符。 LF
+  "files.eol": "\n",
+  // 启用简单文件对话框。启用时，简单文件对话框将替换系统文件对话框。
+  "files.simpleDialog.enable": true,
+  // 同步 Git 存储库前请先进行确认。
+  "git.confirmSync": false,
+  "git.autofetch": true,
+  // 控制如何处理工作区中的松散文件
+  "security.workspace.trust.untrustedFiles": "open",
+  "vetur.validation.template": false,
+  // 编辑器左侧目录树偏移量
+  "workbench.tree.indent": 10,
+  "workbench.iconTheme": "file-icons",
+  "workbench.startupEditor": "newUntitledFile",
+  "workbench.productIconTheme": "icons-carbon",
+  "workbench.colorTheme": "Community Material Theme Palenight High Contrast",
+  // 控制无标题提示应该是编辑器或浮动按钮中的内联文本，还是应该隐藏。
+  "workbench.editor.untitled.hint": "hidden",
+  // 调整对话框窗口的外观。
+  "window.dialogStyle": "custom",
+  // 启用 macOS Sierra 窗口选项卡。请注意，更改在完全重新启动程序后才能生效。同时，开启原生选项卡将禁用自定义标题栏样式。
+  "window.nativeTabs": true, // this is great, macOS only
+  // 调整窗口标题栏的外观。在 Linux 和 Windows 上，此设置也会影响应用程序和上下文菜单的外观。更改需要完全重新启动才能应用。
+  "window.titleBarStyle": "custom",
+  // 控制工作台中活动栏的可见性。
+  "workbench.activityBar.visible": true,
+  // 控制在会话期间显示已打开文件的编辑器是否应在被其他进程删除或重命名时自动关闭。
+  // 禁用此功能将使编辑器在此类事件中保持打开状态。
+  // 请注意，从应用程序内删除将始终关闭编辑器，且永远不会关闭具有未保存更改的编辑器以保留数据。
+  "workbench.editor.closeOnFileDelete": true,
+  // 控制是否在具有未保存更改的编辑器的选项卡上绘制顶部边框。
+  "workbench.editor.highlightModifiedTabs": true,
+  // 控制在工作台中字体的渲染方式。antialiased: 进行像素而不是次像素级别的字体平滑。可能会导致字体整体显示得更细
+  "workbench.fontAliasing": "antialiased",
+  // 控制列表和树是否具有平滑滚动效果。
+  "workbench.list.smoothScrolling": true,
+  // 控制侧边栏和活动栏的位置。它们可以显示在工作台的左侧或右侧。
+  "workbench.sideBar.location": "left",
+  // 控制扩展的自动更新行为。更新是从 Microsoft 联机服务中获取的。
+  // onlyEnabledExtensions: 仅为已启用的扩展自动下载并安装更新。将不会自动更新已禁用的扩展。
+  "extensions.autoUpdate": "onlyEnabledExtensions",
+  // 启用后，将不会显示扩展建议的通知。
+  "extensions.ignoreRecommendations": true,
+  // 控制终端光标是否闪烁。
+  "terminal.integrated.cursorBlinking": true,
+  // 控制终端光标的样式。
+  "terminal.integrated.cursorStyle": "underline",
+  // 要在终端中用于非粗体文本的字体粗细。接受“正常”和“加粗”这两个关键字，或接受 1-1000 之间的数字。
+  "terminal.integrated.fontWeight": "300",
+  // 当必须关闭终端进程(例如当窗口或应用程序关闭时)时，这将确定何时应还原以前的终端会话内容，以及在下次打开工作区时重新创建的进程。
+  "terminal.integrated.persistentSessionReviveProcess": "never",
+  // 控制终端选项卡是否以列表的形式显示在终端的一侧。如果禁用此功能，将改为显示下拉列表。
+  "terminal.integrated.tabs.enabled": true,
+  // 删除时，是否确认
+  "explorer.confirmDelete": false,
+  // 控制在资源管理器内拖放移动文件或文件夹时是否进行确认。
+  "explorer.confirmDragAndDrop": false,
+  // 实验性。控制是否已在资源管理器中启用文件嵌套。文件嵌套允许目录中的相关文件在单个父文件下以可视方式组合在一起。
+  "explorer.experimental.fileNesting.enabled": true,
+  // 实验性。控制是否自动展开文件嵌套。
+  "explorer.experimental.fileNesting.expand": false,
+  // 实验性。控制资源管理器中文件的嵌套。
+  "explorer.experimental.fileNesting.patterns": {
+    ".gitignore": ".gitattributes, .gitmodules, .gitmessage, .mailmap, .git-blame*",
+    "*.js": "$(capture).js.map, $(capture).min.js, $(capture).d.ts",
+    "*.jsx": "$(capture).js",
+    "*.ts": "$(capture).js, $(capture).*.ts",
+    "*.tsx": "$(capture).ts",
+    "*.vue": "$(capture).*.ts, $(capture).*.js",
+    "index.d.ts": "*.d.ts",
+    "shims.d.ts": "*.d.ts",
+    "*.cpp": "$(capture).hpp, $(capture).h, $(capture).hxx",
+    "*.cxx": "$(capture).hpp, $(capture).h, $(capture).hxx",
+    "*.cc": "$(capture).hpp, $(capture).h, $(capture).hxx",
+    "*.c": "$(capture).h",
+    "go.mod": ".air*, go.sum",
+    "default.nix": "shell.nix",
+    "flake.nix": "flake.lock",
+    "BUILD.bazel": "*.bzl, *.bazel, *.bazelrc, bazel.rc, .bazelignore, .bazelproject, WORKSPACE",
+    "CMakeLists.txt": "*.cmake, *.cmake.in, .cmake-format.yaml, CMakePresets.json",
+    ".clang-tidy": ".clang-format",
+    ".env": "*.env, .env.*, env.d.ts",
+    "dockerfile": ".dockerignore, dockerfile*",
+    "package.json": ".browserslist*, .circleci*, .codecov, .commitlint*, .editorconfig, .eslint*, .firebase*, .flowconfig, .github*, .gitlab*, .gitpod*, .huskyrc*, .jslint*, .lintstagedrc*, .markdownlint*, .mocha*, .node-version, .nodemon*, .npm*, .nvmrc, .pm2*, .pnp.*, .pnpm*, .prettier*, .releaserc*, .sentry*, .stackblitz*, .styleci*, .stylelint*, .tazerc*, .textlint*, .tool-versions, .travis*, .vscode*, .watchman*, .xo-config*, .yamllint*, .yarnrc*, api-extractor.json, appveyor*, ava.config.*, azure-pipelines*, bower.json, build.config.*, commitlint*, crowdin*, cypress.json, dangerfile*, dprint.json, firebase.json, grunt*, gulp*, jasmine.*, jenkins*, jest.config.*, jsconfig.*, karma*, lerna*, lint-staged*, nest-cli.*, netlify*, nodemon*, nx.*, package-lock.json, playwright.config.*, pm2.*, pnpm*, prettier*, pullapprove*, puppeteer.config.*, renovate*, rollup.config.*, stylelint*, tsconfig.*, tsdoc.*, tslint*, tsup.config.*, turbo*, typedoc*, vercel*, vetur.config.*, vitest.config.*, webpack.config.*, workspace.json, xo.config.*, yarn*",
+    "rush.json": ".browserslist*, .circleci*, .codecov, .commitlint*, .editorconfig, .eslint*, .firebase*, .flowconfig, .github*, .gitlab*, .gitpod*, .huskyrc*, .jslint*, .lintstagedrc*, .markdownlint*, .mocha*, .node-version, .nodemon*, .npm*, .nvmrc, .pm2*, .pnp.*, .pnpm*, .prettier*, .releaserc*, .sentry*, .stackblitz*, .styleci*, .stylelint*, .tazerc*, .textlint*, .tool-versions, .travis*, .vscode*, .watchman*, .xo-config*, .yamllint*, .yarnrc*, api-extractor.json, appveyor*, ava.config.*, azure-pipelines*, bower.json, build.config.*, commitlint*, crowdin*, cypress.json, dangerfile*, dprint.json, firebase.json, grunt*, gulp*, jasmine.*, jenkins*, jest.config.*, jsconfig.*, karma*, lerna*, lint-staged*, nest-cli.*, netlify*, nodemon*, nx.*, package-lock.json, playwright.config.*, pm2.*, pnpm*, prettier*, pullapprove*, puppeteer.config.*, renovate*, rollup.config.*, stylelint*, tsconfig.*, tsdoc.*, tslint*, tsup.config.*, turbo*, typedoc*, vercel*, vetur.config.*, vitest.config.*, webpack.config.*, workspace.json, xo.config.*, yarn*",
+    "readme.*": "authors, backers.md, changelog*, citation*, code_of_conduct.md, codeowners, contributing.md, contributors, copying, credits, governance.md, history.md, license*, maintainers, readme*, security.md, sponsors.md",
+    "cargo.toml": ".clippy.toml, .rustfmt.toml, cargo.lock, clippy.toml, cross.toml, rust-toolchain.toml, rustfmt.toml",
+    "gemfile": ".ruby-version, gemfile.lock",
+    "composer.json": "composer.lock, phpunit.xml*, psalm*.xml",
+    "vite.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, index.html, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
+    "vue.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
+    "nuxt.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
+    "next.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, next-env.d.ts, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
+    "svelte.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, mdsvex.config.js, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
+    "remix.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, remix.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  }
+}

README.md

@@ -1,34 +1 @@
-## 目前已有脚手架列表
-
-| 名称    | 说明                        | 技术栈                |
-| ------- | --------------------------- | --------------------- |
-| nextJs  | 基于 React 的服务端渲染方案 | nextJs + axios + antd |
-| ReactJs | 基于 React 的业务型脚手架   | umiJs + axios + antd  |
-| TaroJs  | 基于 React 的多端适配方案   | TaroJs 全家桶         |
-| Vue     | 基于 Vue 的业务型脚手架     | vueJs 全家桶          |
-| Gulp    | 基于 Gulp 的清凉型脚手架    | --                    |
-
-## 快速上手
-
-### 1. 安装相关依赖
-
-```js
-// 推荐
-yarn global add @nicecode/cli
-
-// or
-// npm install @nicecode/cli -g
-```
-
-### 2. 运行命令
-
-```js
-// 查看脚手架版本号，是否安装成功
-nice - V
-```
-
-### 3. 创建项目
-
-```js
-nice create ${项目名称}
-```
+# nextjs-template

next-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />

next-less.config.js

@@ -0,0 +1,72 @@
+const cssLoaderConfig = require('@zeit/next-css/css-loader-config');
+
+module.exports = (nextConfig = {}) => {
+  return Object.assign({}, nextConfig, {
+    webpack(config, options) {
+      if (!options.defaultLoaders) {
+        throw new Error(
+          'This plugin is not compatible with Next.js versions below 5.0.0 https://err.sh/next-plugins/upgrade',
+        );
+      }
+
+      const { dev, isServer } = options;
+      const {
+        cssModules,
+        cssLoaderOptions,
+        postcssLoaderOptions,
+        lessLoaderOptions = {
+          lessOptions: {
+            strictMath: true,
+            noIeCompat: true
+          }
+        },
+      } = nextConfig;
+
+      options.defaultLoaders.less = cssLoaderConfig(config, {
+        extensions: ['less'],
+        cssModules,
+        cssLoaderOptions,
+        postcssLoaderOptions,
+        dev,
+        isServer,
+        loaders: [
+          {
+            loader: 'less-loader',
+            options: lessLoaderOptions,
+          },
+        ],
+      });
+
+      config.module.rules.push({
+        test: /\.less$/,
+        exclude: /node_modules/,
+        use: options.defaultLoaders.less,
+      });
+
+      // 我们禁用了antd的cssModules
+      config.module.rules.push({
+        test: /\.less$/,
+        include: /node_modules/,
+        use: cssLoaderConfig(config, {
+          extensions: ['less'],
+          cssModules: false,
+          cssLoaderOptions: {},
+          dev,
+          isServer,
+          loaders: [
+            {
+              loader: 'less-loader',
+              options: lessLoaderOptions,
+            },
+          ],
+        }),
+      });
+
+      if (typeof nextConfig.webpack === 'function') {
+        return nextConfig.webpack(config, options);
+      }
+
+      return config;
+    },
+  });
+};

next.config.js

@@ -0,0 +1,61 @@
+const withCSS = require('@zeit/next-css');
+const withLessExcludeAntd = require('./next-less.config');
+const lessToJS = require('less-vars-to-js');
+const fs = require('fs');
+const path = require('path');
+
+// Where your antd-custom.less file lives
+const modifyVars = lessToJS(
+  fs.readFileSync(
+    path.resolve(__dirname, './src/styles/antd-custom.less'),
+    'utf8',
+  ),
+);
+
+require('dotenv').config();
+
+module.exports = withLessExcludeAntd(
+  withCSS({
+    cssModules: true,
+    cssLoaderOptions: {
+      importLoaders: 1,
+      localIdentName: '[local]___[hash:base64:5]',
+    },
+    lessLoaderOptions: {
+      javascriptEnabled: true,
+      modifyVars, // make your antd custom effective
+    },
+    webpack: (config, { isServer }) => {
+      if (isServer) {
+        const antStyles = /antd\/.*?\/style.*?/;
+        const origExternals = [...config.externals];
+        config.externals = [
+          (context, request, callback) => {
+            if (request.match(antStyles)) return callback();
+            if (typeof origExternals[0] === 'function') {
+              origExternals[0](context, request, callback);
+            } else {
+              callback();
+            }
+          },
+          ...(typeof origExternals[0] === 'function' ? [] : origExternals),
+        ];
+
+        config.module.rules.unshift({
+          test: antStyles,
+          use: 'null-loader',
+        });
+      }
+      // 别名
+      config.resolve.alias['@'] = path.resolve(__dirname, './src');
+      config.resolve.alias['@static'] = path.resolve(__dirname, './static');
+      return config;
+    },
+    env: {
+      CLIENT_BASE_API: process.env.CLIENT_BASE_API,
+    },
+    // 用上面的方式使用a[b]的取值取不到
+    publicRuntimeConfig: {
+    },
+  }),
+);

package.json

@@ -0,0 +1,58 @@
+{
+  "name": "nextjs-template",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "dotenv -e .env next build",
+    "build:test": "dotenv -e .env.test next build",
+    "build:release": "dotenv -e .env.release next build",
+    "build:pre": "dotenv -e .env.pre next build",
+    "build:production": "dotenv -e .env.prod next build",
+    "start": "next start",
+    "lint": "eslint 'src/**/*.{js,jsx,tsx,ts}'",
+    "lint:fix": "eslint 'src/**/*.{js,jsx,tsx,ts}' --fix",
+    "prettier": "prettier --write 'src/**/*.{less,css,md,json}'"
+  },
+  "dependencies": {
+    "axios": "^0.21.1",
+    "next": "10.0.4",
+    "normalize.css": "^8.0.1",
+    "react": "17.0.1",
+    "antd": "^4.22.3",
+    "react-dom": "17.0.1"
+  },
+  "devDependencies": {
+    "@types/node": "^14.14.19",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@types/styled-components": "^5.1.7",
+    "@zeit/next-css": "^1.0.1",
+    "@zeit/next-less": "^1.0.1",
+    "babel-plugin-import": "^1.13.3",
+    "css-loader": "^5.0.1",
+    "dotenv": "^8.2.0",
+    "dotenv-cli": "^4.0.0",
+    "eslint": "^7.32.0",
+    "less": "3.13.1",
+    "less-vars-to-js": "^1.3.0",
+    "lint-staged": "^11.1.2",
+    "null-loader": "^4.0.1",
+    "prettier": "^2.3.2",
+    "typescript": "^4.4.2",
+    "yorkie": "^2.0.0"
+  },
+  "gitHooks": {
+    "pre-commit": "tsc --noEmit && lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "npm run lint:fix",
+      "git add ."
+    ],
+    "*.{less,css,md,json}": [
+      "npm run prettier",
+      "git add ."
+    ]
+  }
+}

src/components/Demo/index.less

@@ -0,0 +1,5 @@
+.container {
+  margin: auto;
+  width: 500px;
+  text-align: center;
+}

src/components/Demo/index.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Button } from 'antd';
+import styles from './index.less';
+
+const Demo: React.FunctionComponent = () => {
+  return (
+    <div className={styles.container}>
+      <Button type='primary'>我知道了</Button>
+    </div>
+  );
+};
+
+export default Demo;

src/components/PageHeader/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import Head from 'next/head';
+
+interface PageHeaderProps {
+  title?: string;
+}
+
+const PageHeader: React.FC<PageHeaderProps> = ({ title = 'dev' }) => {
+  return (
+    <div>
+      <Head>
+        <title>{title}</title>
+        <link
+          rel="icon"
+        // href={require('@static/favicon.ico')}
+        />
+      </Head>
+    </div>
+  );
+};
+
+export default PageHeader;

src/interfaces/base.ts

@@ -0,0 +1,8 @@
+export interface IPagination {
+  total: number;
+  size: number;
+  index: number;
+  length: number;
+  beginIndex: number;
+  endIndex: number;
+}

src/layouts/BasicLayout/index.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import PageHeader from '@/components/PageHeader';
+
+const BasicLayout: React.FC = ({ children }) => {
+  return (
+    <div>
+      <PageHeader />
+
+      <main>{children}</main>
+    </div>
+  );
+};
+
+export default BasicLayout;

src/pages/_app.tsx

@@ -0,0 +1,7 @@
+import 'normalize.css/normalize.css';
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}
+
+export default MyApp;

src/pages/api/hello.ts

@@ -0,0 +1,6 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default (_, res) => {
+  res.statusCode = 200;
+  res.json({ name: 'John Doe' });
+};

src/pages/index.tsx

@@ -0,0 +1,13 @@
+import BasicLayout from '@/layouts/BasicLayout';
+import Demo from '@/components/Demo';
+
+export default function Home() {
+  console.log(process.env.CLIENT_BASE_API)
+
+  return (
+    <BasicLayout>
+      <h1 style={{ textAlign: 'center' }}>nicecode</h1>
+      <Demo />
+    </BasicLayout>
+  );
+}

src/services/index.ts

@@ -0,0 +1,16 @@
+import clientRequest from '@/utils/clientRequest';
+
+export interface HelloWordParams {
+  pageIndex?: number;
+  pageSize?: number;
+  keyword: string;
+}
+
+// 获取应用列表
+export const helloWordApi = (params: HelloWordParams): Promise<any> =>{
+  return clientRequest({
+    url: '/test/helloWord',
+    params,
+  });
+}
+  

src/styles/var.less

@@ -0,0 +1,90 @@
+// 颜色
+@S1: #25282a;
+@S2: #1c21b8;
+@S3: #2228e0;
+@S4: #4046ff;
+@S5: #9ca8ff;
+@S6: #c9d2ff;
+@M1: #000000;
+@M2: #4a4a4a;
+@M3: #7c7c7c;
+@M4: #959595;
+@M5: #c7c7c7;
+@M6: #e0e0e0;
+@M7: #f2f2f2;
+@M8: #f9f9f9;
+@M9: #ffffff;
+@D1: #fac105;
+@D2: #ffab24;
+@D3: #ff6952;
+@D4: #ff3c73;
+@D5: #ee62d5;
+@D6: #8475ff;
+@D7: #4f73ff;
+@D8: #148aff;
+@D9: #0cc0c9;
+@D10: #0cc991;
+@D11: #83d615;
+@D1-1: #fef8e5;
+@D2-1: #fff6e9;
+@D3-1: #fff0ed;
+@D4-1: #ffebf1;
+@D5-1: #fdeffa;
+@D6-1: #f2f1ff;
+@D7-1: #edf1ff;
+@D8-1: #e7f3ff;
+@D9-1: #e6f8f9;
+@D10-1: #e6f9f3;
+@D11-1: #f2fae7;
+@F-info: #4766ff;
+@F-success: #46cf84;
+@F-warning: #ffa42e;
+@F-red: #fa4646;
+
+/* 字体 */
+@Fs-1: 12px;
+@Fs-2: 14px;
+@Fs-3: 16px;
+@Fs-4: 18px;
+@Fs-5: 20px;
+@Fs-6: 22px;
+@Fs-7: 24px;
+@Fs-8: 28px;
+@Fs-9: 32px;
+
+/* 行高 */
+@Lh-1: 20px;
+@Lh-2: 22px;
+@Lh-3: 24px;
+@Lh-4: 26px;
+@Lh-5: 28px;
+@Lh-6: 30px;
+@Lh-7: 32px;
+@Lh-8: 36px;
+@Lh-9: 42px;
+
+// 间距
+@Sp-1: 2px;
+@Sp-2: 4px;
+@Sp-3: 8px;
+@Sp-4: 10px;
+@Sp-5: 12px;
+@Sp-6: 16px;
+@Sp-7: 20px;
+@Sp-8: 24px;
+@Sp-9: 30px;
+@Sp-10: 32px;
+@Sp-11: 40px;
+
+// 阴影
+@Sh-1: 0 0 8px 0 rgba(0, 0, 0, 0.05);
+@Sh-2: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
+@Sh-3: 0 0 12px 0 rgba(0, 0, 0, 0.1);
+@Sh-4: -4px 0 20px 0 rgba(0, 0, 0, 0.1);
+@Sh-5: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
+
+// 圆角
+@Ra-1: 2px;
+@Ra-2: 3px;
+@Ra-3: 6px;
+@Ra-4: 10px;

src/utils/clientRequest.ts

@@ -0,0 +1,50 @@
+import axios from 'axios';
+import { message } from 'antd';
+import { IPagination } from '@/interfaces/base';
+import codeMsg from '@/assets/data/code.json';
+
+export interface BaseResponse {
+  code: string;
+  msg: string;
+  memo?: string;
+  data: any;
+  page?: IPagination;
+  result: number;
+  success: boolean;
+}
+
+const DEFAULT_TIP_MESSAGE = '请求失败，请刷新重试';
+
+const handleError = (data: BaseResponse) => {
+  const msg = codeMsg[data.code] || data.msg || DEFAULT_TIP_MESSAGE;
+  message.error(msg);
+};
+
+// create an axios instance
+const service = axios.create({
+  baseURL: process.env.CLIENT_BASE_API, // api的base_url
+  method: 'GET',
+  // timeout: 5000, // request timeout
+});
+// request interceptor
+service.interceptors.request.use(
+  (config) => config,
+  (error) => Promise.reject(error),
+);
+
+// response interceptor
+service.interceptors.response.use(
+  (response) => {
+    const res = response.data;
+    if (!res.success) {
+      handleError(res);
+    }
+    return res;
+  },
+  (error) => {
+    handleError(error);
+    return Promise.reject(error);
+  },
+);
+
+export default service;

src/utils/serverRequest.ts

@@ -0,0 +1,22 @@
+// @ts-ignore
+import axios from 'axios';
+
+// create an axios instance
+const service = axios.create({
+  timeout: 5000, // request timeout
+  withCredentials: true,
+});
+
+// request interceptor
+service.interceptors.request.use(
+  (config) => config,
+  (error) => Promise.reject(error),
+);
+
+// response interceptor
+service.interceptors.response.use(
+  (response) => response,
+  (error) => Promise.reject(error),
+);
+
+export default service;

tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"],
+      "@static/*": ["static/*"]
+    },
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "exclude": ["node_modules"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
+}

typings.d.ts

@@ -0,0 +1,3 @@
+declare module '*.png';
+declare module '*.css';
+declare module '*.less';