在本地开发 Nuxt 项目,需要在系统上安装好 Node.js,运行 Nuxt 项目的开发服务的时候会用到 Node.js,另外 Nuxt 的服务端也需要用到 Node.js。
你可以选择安装最近的 LTS,也就是长期支持版本的 Node.js。装好以后在终端执行 node --version 查看一下系统当前正在使用的 Node.js 的版本。
安装了 node 会自带一个包管理工具,就是 npm,执行 npm --verstion 查看一下 npm 的版本号。
如果你想使用 yarn 这个包管理工具,可以先执行一下 corepack enable,这样就可以使用 yarn 这个包管理工具了。
在编写 Nuxt 项目的代码可以使用 vscode 编辑器,我们要给编辑器安装一个 volar 扩展,它是开发 vue 应用的时候需要用的一个扩展,因为 Nuxt 框架是基于 Vue 开发的,所以也需要使用 volar 扩展。
打开命令面板,搜索 install ,执行 install extensions,然后搜索 volar 这个扩展,找到以后安装一下。
Nuxt 推荐我们使用 volar 这个扩展的 take over mode,就是不使用 vscode 内置的 typescript 扩展,只使用 vue 的语言服务器提供 vue 与 typescript 语言的支持。
要使用这种模式,可以打开扩展面板,搜索 built-in extensions,搜索 typescript,找到 typescript and javascript language features,右键点击这个扩展,然后选择 disable(workspace) 。