Nuxt深入浅出 · 快速创建一个Nuxt项目

这是一个新的专栏。

本文主要介绍如何创建Nuxt3项目。

前提条件

首先确保你的 Node.js 版本在v18.0.0以上

创建一个 Nuxt3 App

npx

bash 复制代码
npx nuxi init <app-name>

pnpm

bash 复制代码
pnpm dlx nuxi@latest init <app-name>

选择包管理器

启动项目

bash 复制代码
cd <app-name> && pnpm dev

浏览器输入 http://localhost:3000

创建完成

创建一个 NuxtUI App

npx

bash 复制代码
npx nuxi init -t ui <app-name>

选择包管理器

启动项目

bash 复制代码
cd <app-name> && pnpm dev

浏览器输入 http://localhost:3000

创建完成

测试UI组件

专栏地址

Nuxt深入浅出

Nuxt探子来报

Nuxt知识碎片

找到我

X · Github

相关推荐
-seventy-10 分钟前
对 JavaScript 原型的理解
javascript·原型
&白帝&27 分钟前
uniapp中使用picker-view选择时间
前端·uni-app
谢尔登34 分钟前
Babel
前端·react.js·node.js
ling1s34 分钟前
C#基础(13)结构体
前端·c#
卸任41 分钟前
使用高阶组件封装路由拦截逻辑
前端·react.js
lxcw1 小时前
npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED
前端·npm·node.js
秋沐1 小时前
vue中的slot插槽,彻底搞懂及使用
前端·javascript·vue.js
这个需求建议不做1 小时前
vue3打包配置 vite、router、nginx配置
前端·nginx·vue
QGC二次开发1 小时前
Vue3 : Pinia的性质与作用
前端·javascript·vue.js·typescript·前端框架·vue
云草桑1 小时前
逆向工程 反编译 C# net core
前端·c#·反编译·逆向工程