nuxt-init
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseNuxt Init
Nuxt 项目初始化
Scaffold a Nuxt 4 project with standard configs, dev deps, hooks, and scripts.
搭建带有标准配置、开发依赖、钩子和脚本的Nuxt 4项目。
When to Use
适用场景
- Starting a new Nuxt 4 project
- Auditing an existing project for missing configs
- Onboarding a repo to standard tooling
- 启动新的Nuxt 4项目
- 排查现有项目缺失的配置
- 为代码仓库接入标准工具链
Workflow
工作流程
- Create config files from references/configs.md (skip existing unless user says overwrite)
- Install dev dependencies
- Add scripts and to
lint-stagedpackage.json - Run
bun install && bun run prepare - Run
bunx terraform-scaffold init
- 从references/configs.md创建配置文件(已存在的文件默认跳过,除非用户要求覆盖)
- 安装开发依赖
- 向中添加脚本和
package.json配置lint-staged - 运行
bun install && bun run prepare - 运行
bunx terraform-scaffold init
Config Files
配置文件
See references/configs.md for full file contents:
- +
prettier.config.js.prettierignore .gitignoreeslint.config.tsvitest.config.tstsconfig.json- +
.husky/pre-commit.husky/pre-push .sops.yaml
完整文件内容请查看references/configs.md:
- +
prettier.config.js.prettierignore .gitignoreeslint.config.tsvitest.config.tstsconfig.json- +
.husky/pre-commit.husky/pre-push .sops.yaml
package.json Additions
需添加到package.json的内容
Scripts
脚本
json
{
"dev": "nuxt dev",
"build": "nuxt build",
"generate": "nuxt generate",
"preview": "nuxt preview",
"lint": "eslint . && vue-tsc --noEmit",
"lint:fix": "eslint . --fix",
"pretty": "prettier --write .",
"test": "vitest run",
"test:watch": "vitest",
"prepare": "husky",
"postinstall": "nuxt prepare"
}json
{
"dev": "nuxt dev",
"build": "nuxt build",
"generate": "nuxt generate",
"preview": "nuxt preview",
"lint": "eslint . && vue-tsc --noEmit",
"lint:fix": "eslint . --fix",
"pretty": "prettier --write .",
"test": "vitest run",
"test:watch": "vitest",
"prepare": "husky",
"postinstall": "nuxt prepare"
}lint-staged
lint-staged
json
{
"lint-staged": {
"*.{js,ts,vue}": "eslint --fix",
"*.{js,ts,vue,json,md,css,scss,yml,yaml}": "prettier --write"
}
}json
{
"lint-staged": {
"*.{js,ts,vue}": "eslint --fix",
"*.{js,ts,vue,json,md,css,scss,yml,yaml}": "prettier --write"
}
}Dev Dependencies
开发依赖
bash
bun add -d eslint @nuxt/eslint eslint-config-prettier prettier @prettier/plugin-pug prettier-plugin-terraform-formatter vue-eslint-parser-template-tokenizer-pug husky lint-staged vue-tsc @types/node tsx tailwindcss terraform-scaffoldbash
bun add -d eslint @nuxt/eslint eslint-config-prettier prettier @prettier/plugin-pug prettier-plugin-terraform-formatter vue-eslint-parser-template-tokenizer-pug husky lint-staged vue-tsc @types/node tsx tailwindcss terraform-scaffoldTerraform Scaffold
Terraform Scaffold
terraform-scaffold automates AWS infrastructure setup.
After install:
bunx terraform-scaffold init| Command | Description |
|---|---|
| Create config + Terraform directory structure |
| Generate GraphQL resolver |
| Create standalone Lambda |
| Bundle Lambda functions |
| Execute Terraform (plan, apply) |
| Export outputs to env files |
terraform-scaffold 可自动完成AWS基础设施搭建。
安装完成后执行:
bunx terraform-scaffold init| 命令 | 描述 |
|---|---|
| 创建配置 + Terraform目录结构 |
| 生成GraphQL解析器 |
| 创建独立Lambda |
| 打包Lambda函数 |
| 执行Terraform命令(plan、apply) |
| 将输出导出到环境变量文件 |
Post-Setup
配置完成后操作
bash
bun install
bun run prepare # husky + nuxt types
bunx terraform-scaffold init # Terraform structurebash
bun install
bun run prepare # husky + nuxt 类型配置
bunx terraform-scaffold init # Terraform 结构初始化