程序员必备编程之 Nuxt.js(一)入门详解

3 月，跳不动了？>>>

一.关于Nuxt.js

2016 年 10 月 25 日，zeit.co背后的团队对外发布了Next.js，一个 React 的服务端渲染应用框架。几小时后，与 Next.js 异曲同工，一个基于Vue.js的服务端渲染应用框架应运而生，我们称之为：Nuxt.js。

二. 什么是Nuxt.js

Nuxt.js 是一个基于 Vue.js 的轻量级应用框架，可用来创建服务端渲染 (SSR) 应用，也可充当静态站点引擎生成。具有优雅的代码结构分层和热加载等特性。

官方学习指南：https://zh.nuxtjs.org/guide/installation

三.Nuxt的安装使用详解

•  步骤一:创建nuxt.js项目

• npm 提供的用于更加快捷维护项目的工具 npx
• 确保安装了npx（npx在NPM版本5.2.0默认安装了）

• npx create-nuxt-app <项目名>

npx create-nuxt-app <project-name>

 

• 步骤二:确定项目名,回车默认即可

 

 

 

步骤三:项目描述,直接回车

 

• 步骤四: 作者,回车默认

 

 

• 步骤五:项目语言,确定包管理工具

 

 

• 步骤六: 选择UI框架

 

 

• 步骤七 选择前端服务器框架

 

• 步骤八:选择模块（空格选择）

 

 

• 步骤九:选择格式化工具（直接回车）

 

• 步骤十:选择测试框架（直接回车）

 

 

 

• 步骤十一:选择渲染模式(推荐SSR练习)

 

 

• 步骤十二:  选择发布工具（直接回车）

 

 

• 步骤十三: 安装成功

 

 

步骤十四:运行

成功截图:

 

运行:  npm run dev

 

运行成功图:

 

• 四.目录详解

• 

 

 

 

 

请给努力中的自己点个赞哦!

每天进步一点点`~~~~~

 

来源：oschina

链接：https://my.oschina.net/ithuang/blog/3198056