从零开始搭建自己的博客 一:创建新项目

准备工作:安装 nuxt.js 要求的 nodejs 版本,以及 VS Code 或其他你喜欢的编辑器。

首先我们要先创建一个新项目。我把项目命名为 blog-source 并将其放在 3D Objects 文件夹里。放这个文件夹是因为 Windows 系统上的应用一般不会在这个文件夹里放文件,所以这个文件夹会比较干净。

要想创建该项目,首先命令提示符切换到 3D Objects 这个文件夹,之后输入指令

# npx nuxi@latest init <project-name>
# <project-name> 换成项目的名称,这里是 blog-source
npx nuxi@latest init blog-source

来创建项目。

之后问你选哪个包管理器的时候记得选 yarn,因为 yarnnpm 快的多。

20231026204459

再然后跟着指示进入新创建的 blog-source 文件夹以及输入指令 yarn run dev 运行前端服务器。

20231026204832

之后浏览器打开本地前端服务器地址(这里是 http://localhost:3000)检查一下。

20231026205028

看到这个界面,就说明前端服务器运行成功了。