中文开发文档手册

前言 ⚡️⬇️

Nuxt3正式版发布已经有小半年了，官方文档写的还是很细致的，，但是对于新手来说，会经常被里面啰里八嗦无关痛痒的内容所干扰，反而在实例方面却写的并不多。下面来带大家一步步进入Nuxt3的世界。先从制作脚手架开始。

安装

包管理器我选择的是pnpm，横向对比npm和yarn优点还是蛮多的。
终端：推荐直接使用vscode自带的终端非常方便，按ctrl+ ~即可呼出。

bash

# 新建nuxter目录 && 用vscode打开此目录
mkdir nuxter && code nuxter

# 用pnpm初始化项目
pnpm init

将生成一个package.json内容如下

json

{
  "name": "nuxter",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

先去掉一些没用，然后再添一const abc = ref()些基础的关于运行脚本方面的。最终如下

html

<div id="page" class="page">
    <section class="md:(py-8)">
      <div class="prose mx-auto container">
        <h1>The Page</h1>
        <div v-html="html" />
      </div>
    </section>
  </div>