猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript > vue >

nuxt.js 入门

2017-10-24 11:24:54 作者:yxl 次阅读 vue

Nuxt.js 是什么?

Nuxt.js 是一个基于 Vue.js 的通用应用框架。

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

我们的目标是创建一个灵活的应用框架,你可以基于它初始化新项目的基础结构代码,或者在已有 Node.js 项目中使用 Nuxt.js。

Nuxt.js 预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。

除此之外,我们还提供了一种命令叫:nuxt generate,为基于 Vue.js 的应用提供生成对应的静态站点的功能。

我们相信这个命令所提供的功能,是向开发集成各种微服务(microservices)的 Web 应用迈开的新一步。

作为框架,Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提供了许多有用的特性,例如异步数据加载、中间件支持、布局支持等。
 

安装

Nuxt.js 十分简单易用。一个简单的项目只需将 nuxt 添加为依赖组件即可。

新手模板

为了便于大家快速使用,Nuxt.js提供了一个 starter 模板

下载模板的压缩包 或利用 vue-cli 安装使用:

$ vue init nuxt-community/starter-template <project-name>

如果 vue-cli 没有安装, 需先通过 npm install -g vue-cli 来安装。

然后安装依赖包:

$ cd <project-name>
$ npm install

接着通过以下命令启动项目:

$ npm run dev
然而,如果你开启服务后报错,那应该是开启的服务有误,你可以吸怪package.json  添加 
"config":{
"nuxt": {
"host": "127.0.0.1",
"port": "3333"
}
},
再使用npm run dev 应该服务就能开启成功了。

凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词: nuxt
0

网友评论