Nuxt创建

本篇文章使用 create-nuxt-app 脚手架搭建

确保安装了 npx（npx 在 NPM 5.2.0 版本会默认安装）

执行语句

打开 cmd 命令行，进入想要创建项目的文件夹下，执行语句

npx create-nuxt-app <项目名>

或者使用 yarn：

yarn create nuxt-app <项目名>

项目配置

对于一些不清楚的配置可以选择 None 或者直接回车跳过，前面是括号()的选项需要空格才能选中。

• Project name：填写项目名称，默认回车即可；
• Programming language：选择编程语言；
• Package manager：选择安装包管理工具（选择 Yarn 的话要确保安装了 Yarn）；
• UI framework：选择 UI 框架（不需要就直接回车）；
• Nuxt.js modules：选择 Nuxt.js 模块（按空格才算选中）；
• Linting tools：选择代码检查工具（一般选择 ESLine，按空格才算选中）；
• Testing framework：选择测试框架；
• Rendering mode：渲染模式（选择 nuxt 项目的就是要利用 ssr，所以这里选择通用就好）；
• Development target：部署目标（服务器部署、静态部署），选择服务器部署就好；
• Development tools：选择开发工具；
• Continuous integration：集成；
• Version control system：版本控制系统；

配置完成后会进行一系列的下载和安装，出现下图则创建成功。

 

启动项目

可以在命令行执行

cd <项目名>
npm run dev

应用现在运行在 http://localhost:3000 上运行

也可以在 Webstorm 等开发工具中启动项目

注意：Nuxt.js 会监听 pages 目录中的文件更改，因此在添加新页面时无需重新启动应用程序。

 

如果有对从头开始新建项目感兴趣的小伙伴，可以去官网：安装 - Nuxt.js (develop365.gitlab.io)