Look at the Nuxt 3 documentation to learn more.
├─.eslintignore // eslint忽略文件
├─.gitignore //git忽略文件
├─eslintrc.js
├─nuxt.config.ts // nuxt配置文件
├─package.json // 项目配置文件
├─pnpm-lock.yaml // 依赖版本锁定
├─prettier.config.js
├─README.md // 项目说明文件
├─tsconfig.json //ts配置文件
├─src
| ├─app.vue //根组件
| ├─store //数据状态管理
| ├─plugins
| ├─pages //路由页面
| ├─layouts //页面构建组件
| ├─composables
| ├─components //组件
| ├─assets //静态文件
├─server //接口服务器目录
Nuxt有一些约定目录,有特殊功能,如:pages目录的vue文件会自动注册路由
Nuxt.js自带基于文件的路由系统,不需要安装vue-router,不需要额外配置
专门用于nuxt版本的vant组件库
此处使用node版本是18.16.0(建议大于等于该版本,如果安装有报错,建议升级node版本),pnpm:8.15.4
npm i vant @vant/nuxt -D
Make sure to install the dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
Start the development server on http://localhost:3000
:
# npm
npm run dev
# pnpm
pnpm run dev
# yarn
yarn dev
# bun
bun run dev
Build the application for production:
# npm
npm run build
# pnpm
pnpm run build
# yarn
yarn build
# bun
bun run build
Locally preview production build:
# npm
npm run preview
# pnpm
pnpm run preview
# yarn
yarn preview
# bun
bun run preview
Check out the deployment documentation for more information.