🎉 init:

Author: dshuais

.env.development

@@ -0,0 +1,3 @@
+VITE_NODE_ENV = "development"
+
+VITE_APP_ENV = "development"

.env.production

@@ -0,0 +1,3 @@
+VITE_NODE_ENV = "production"
+
+VITE_APP_ENV = "production"

.env.sit

@@ -0,0 +1,3 @@
+VITE_NODE_ENV = "production"
+
+VITE_APP_ENV = "sit"

.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+# .env
+# .env.*
+# !.env.example

.vscode/nuxt.code-snippets

@@ -0,0 +1,43 @@
+{
+	// Place your nuxt-template 工作区 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
+	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
+	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
+	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
+	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
+	// Placeholders with the same ids are connected.
+	// Example:
+	"Print to console: dushuai": {
+		"scope": "javascript,typescript",
+		"prefix": "log",
+		"body": [
+			"console.log('$1')"
+		],
+		"description": "Log output to console: dushuai"
+	},
+	"Print to nuxt template: dushuai": {
+		"scope": "nuxt",
+		"prefix": "nuxt",
+		"body": [
+			"<script setup lang='ts'>",
+			"$1",
+			"</script>",
+			"<template>",
+			"  $TM_FILENAME_BASE",
+			"</template>",
+			"<style lang='scss' scoped>",
+			"</style>",
+			""
+		],
+		"description": "nuxt template: dushuai"
+	},
+	"Print to arrows function: dushuai": {
+		"scope": "javascript,typescript",
+		"prefix": "()",
+		"body": [
+			"() => {",
+			"$1",
+			"}"
+		],
+		"description": "arrows function: dushuai"
+	}
+}

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "prettier.enable": false,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "files.associations": {
+    "*.css": "postcss"
+  },
+  "editor.formatOnSave": true
+}

README.md

@@ -0,0 +1,75 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.vue

@@ -0,0 +1,15 @@
+<!--
+ * @Author: dushuai
+ * @Date: 2023-12-01 14:29:58
+ * @LastEditors: dushuai
+ * @LastEditTime: 2023-12-10 11:52:16
+ * @description: appvue
+-->
+<template>
+  <div>
+    <!-- <NuxtWelcome /> -->
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
+  </div>
+</template>

index.d.ts

@@ -0,0 +1,13 @@
+/*
+ * @Author: dushuai
+ * @Date: 2023-12-04 09:32:55
+ * @LastEditors: dushuai
+ * @LastEditTime: 2023-12-04 14:36:36
+ * @description: d.ts
+ */
+/// <reference types="./src/types/app.d.ts" />
+/// <reference types="./src/types/request.d.ts" />
+/// <reference types="./src/types/response.d.ts" />
+/// <reference types="./src/types/global.d.ts" />
+
+declare module "lodash-es";

nuxt.config.ts

@@ -0,0 +1,74 @@
+/*
+ * @Author: dushuai
+ * @Date: 2023-12-04 09:32:55
+ * @LastEditors: dushuai
+ * @LastEditTime: 2023-12-10 20:57:19
+ * @description: nuxt.config
+ */
+import { loadEnv } from "vite";
+
+/**
+ * 环境变量引入nuxt客户端的方案 通过 useRuntimeConfig().public使用
+ */
+/**
+ * 环境变量接口
+ */
+interface VITE_ENV_CONFIG {
+  VITE_NODE_ENV: string;
+  VITE_APP_ENV: string;
+}
+const envScript = (process.env as any).npm_lifecycle_script.split(" "); // 启动命令字符串
+const envName = envScript[envScript.length - 1]; // 当前运行环境 对应文件名
+const envData = loadEnv(envName, "env") as unknown as VITE_ENV_CONFIG;
+
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  srcDir: "src",
+  devtools: { enabled: true },
+
+  // 环境变量 public可在客户端useRuntimeConfig().public访问
+  runtimeConfig: {
+    public: {
+      ...envData,
+    },
+  },
+
+  // 配置modules会自动加载
+  modules: [
+    // pinia plugin - https://pinia.esm.dev
+    "@pinia/nuxt",
+    "@pinia-plugin-persistedstate/nuxt",
+    "@nuxtjs/tailwindcss",
+  ],
+
+  // 配置pinia持久化 存储在session内，在store/*ts内设置无效
+  piniaPersistedstate: {
+    storage: "sessionStorage",
+  },
+
+  // 配置tailwindcss
+  tailwindcss: {
+    configPath: "./tailwind.config.js",
+    cssPath: "./src/assets/styles/tailwind.css",
+  },
+
+  vite: {
+    // envDir: "~/src/env",
+  },
+
+  // css: [
+  //   '@/assets/styles/tailwind.css'
+  // ],
+
+  postcss: {
+    plugins: {
+      "postcss-nested": {},
+      "postcss-import": {},
+      "tailwindcss/nesting": {},
+      tailwindcss: {},
+    },
+  },
+
+  // 可配置插件执行时机 或 在插件文件名添加后缀 无后缀都执行 client客户端 server服务器
+  // plugins: [{ src: "~/plugins/theme.client.js", mode: "client" }],
+});

package.json

@@ -0,0 +1,30 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev --dotenv .env.development",
+    "sit": "nuxt build --dotenv .env.sit",
+    "prod": "nuxt build --dotenv .env.production",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "latest",
+    "@nuxtjs/tailwindcss": "^6.10.1",
+    "@pinia-plugin-persistedstate/nuxt": "^1.2.0",
+    "@pinia/nuxt": "^0.5.1",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.10",
+    "lodash-es": "^4.17.21",
+    "nuxt": "^3.10.2",
+    "pinia": "^2.1.7",
+    "sass": "^1.69.5",
+    "vite": "^5.0.4",
+    "vue": "^3.4.19",
+    "vue-router": "^4.2.5"
+  }
+}