nuxt3 安装下载

一、第一步 安装环境

查看官网、根据官网：

版本要求：

1、安装node.js

node.js : v18.12.1（不能低于）

npm : (node.js自带) v8.19.2

        下图为官网推荐下载版本

2、安装VS code

3、vs code 安装扩展

        Vue Language Features (Volar)        

4、接管模式 （推荐使用）（添加TypeScript Vue Plugin （Volar）插件即可）

何为接管模式请看：Use Take Over Mode instead of TS Plugin · Discussion #471 · johnsoncodehk/volar (github.com)

        添加 TypeScript Vue Plugin （Volar）插件

如果已启用或安装了 ，则可以禁用为文件中的文件生成填充程序：接管模式TypeScript Vue Plugin （Volar）

*.vue nuxt.config （在此配置文件添加、如下）

 export default defineNuxtConfig({

                typescript: {

                        shim: false

                }

 })

二、第二步 拉取项目

1、打开终端 执行命令 拉取项目模板

npx nuxi init nuxt-app

如果出现以下错误，这是个警告，无伤大雅

出现如下，说明成功

2、在Visual Studio Code中打开文件夹：nuxt-app

新打开居于nuxt-app目录终端

code nuxt-app

进入到nuxt-app目录

cd nuxt-app

进入目录后，有如下目录

3、安装依赖，在目录下终端执行

执行命令下载依赖

npm install

如果报如下错误，说明你压根就没进入nuxt-app目录下，他找不到package.json文件，无法下载依赖

出现下图，说明成功

三、第三步 启动项目

1、现在，您将能够在开发模式下启动Nuxt应用程序：

npm run dev -- -o

2、干的好！浏览器窗口应自动打开 ，或者访问

http://localhost:3000

如果报500，说明你文件路劲有中文，空格，特殊字符，都不行，都会报这个错

出现下图，说明成功了