Skip to content

Nuxt

nuxt

sh
npx nuxi@latest init <project-name>

脚手架创建失败可以打开命令行提供的链接手动下载

sh
https://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.json
json
{
  "name": "v3",
  "defaultDir": "nuxt-app",
  "url": "https://nuxt.com",
  "tar": "https://codeload.github.com/nuxt/starter/tar.gz/refs/heads/v3"
}

Start

ui

ui

sh
npx nuxi@latest module add ui
js
export default defineNuxtConfig({
  modules: ['@nuxt/ui'],
  colorMode: {
    preference: 'light'
  }
})

svgo

修改默认导入,否则是按 iconfont 处理的,带有默认样式

sh
npx nuxi@latest module add nuxt-svgo
js
export default defineNuxtConfig({
  modules: ['nuxt-svgo'],
  svgo: {
    autoImportPath: false,
    defaultImport: 'component'
  }
})

i18n

i18n

sh
npx nuxi@latest module add i18n
js
export default defineNuxtConfig({
  modules: ['@nuxtjs/i18n']
})