P1、创建Nuxt.js项目【详】 - madfour/nuxt-blog GitHub Wiki

nuxt.js

Nuxt.js 是一个基于Vue.js的通用框架。通过对客户端/服务端基础架构的抽象组织,Nuxt.js主要关注的是应用的 UI 渲染。

安装npx

npm版本5.2开始,增加了npx命令。万一不能用(虽然不太可能),需要手动安装一下。

npm install -g npx

安装nuxt.js

Nuxt.js团队创建了脚手架工具create-nuxt-app

npx create-nuxt-app <项目名>
// 或使用yarn
yarn create nuxt-app <项目名>

项目创建步骤

创建项目

创建图片 image-20210203221850473

确定项目名、编程语言

image-20210203223124014

选择包管理工具

image-20210203223157722

选择 UI 框架

image-20210203223256961

选择Nuxt.js模块。(空格选中,当括号里出现星号就是选中,然后回车)

image-20210203223406312

选择代码规范检查工具

image-20210203223450132

选择测试框架,(None我暂时不选择)

image-20210203223547334

选择渲染模式;选SSR,spa适合在客户端渲染

image-20210203223608272

选择部署目标。第一个为node服务,第二个为静态文件服务

image-20210203223655640

选择开发配置文件

image-20210203223718428

选择连接方式;(我选None,选择GitHub后续需要输入用户密码等信息)

image-20210203223748800

选择版本控制工具,我选None

image-20210203221722447

⚠️ **GitHub.com Fallback** ⚠️