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

相关推荐
共享家95274 小时前
搭建 AI 聊天机器人:”我的人生我做主“
前端·javascript·css·python·pycharm·html·状态模式
Halo_tjn5 小时前
基于封装的专项 知识点
java·前端·python·算法
摘星编程6 小时前
OpenHarmony环境下React Native:自定义useTruncate文本截断
javascript·react native·react.js
Duang007_6 小时前
【LeetCodeHot100 超详细Agent启发版本】字母异位词分组 (Group Anagrams)
开发语言·javascript·人工智能·python
2601_949868368 小时前
Flutter for OpenHarmony 电子合同签署App实战 - 主入口实现
开发语言·javascript·flutter
m0_748229998 小时前
Vue2 vs Vue3:核心差异全解析
前端·javascript·vue.js
C澒8 小时前
前端监控系统的最佳实践
前端·安全·运维开发
xiaoxue..8 小时前
React 手写实现的 KeepAlive 组件
前端·javascript·react.js·面试
摘星编程8 小时前
在OpenHarmony上用React Native:自定义useHighlight关键词高亮
javascript·react native·react.js
hhy_smile8 小时前
Class in Python
java·前端·python