Nuxt 中使用vuex

2024年3月7日，使用的是nuxt3

首先得创建一个nuxt项目。

1
npx nuxi@latest init my-nuxt-app

结果直接报错

1
[18:47:58]  ERROR  Error: Failed to download template from registry: Failed to download https://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.json: TypeError: fetch failed

查了一下要改hosts文件，这是查到的stackoverflow

1
https://stackoverflow.com/questions/74283819/error-while-creating-nuxt3-project-failed-to-download-template-from-registry

改hosts发现win11改不了。改了就让另存为一个新地方。

然后又查了一下win11如何改hosts文件

1
https://www.zhihu.com/question/638848882

不能用右键打开记事本。应该直接用管理员打开记事本程序，然后再在记事本程序里打开hosts文件。

然后就可以开始创建nuxt项目了。

结果第一步询问使用npm还是yarn

我选了yarn，然后开始安装依赖，结果等了二十多分钟还是卡住不动了。

1
https://blog.csdn.net/qq_16036197/article/details/109553400

修改了一下C盘里的文件。

途中报了一些警告

1
2
3
4
5
6
warning vscode-languageclient@7.0.0: The engine "vscode" appears to be invalid.
[3/4] Linking dependencies...
warning "nuxt > @nuxt/devtools@1.0.8" has unmet peer dependency "vite@*".
warning "nuxt > @nuxt/devtools > vite-plugin-inspect@0.8.3" has unmet peer dependency "vite@^3.1.0 || ^4.0.0 || ^5.0.0-0".
warning "nuxt > @nuxt/devtools > @nuxt/devtools-kit@1.0.8" has unmet peer dependency "vite@*".
warning "nuxt > @nuxt/devtools > vite-plugin-vue-inspector@4.0.2" has unmet peer dependency "vite@^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0".

不过还是创建成功了。

启动成功之后有一个文档可以看，里面就有状态的使用方法

1
https://nuxt.com/docs/getting-started/state-management

好像比Vuex方便