NUXT新手之路(1)——创建NUXT项目模板

什么是Nuxt.js?


Nuxt.js是创建Universal Vue.js应用程序的框架。

它的主要范围是UI渲染,同时抽象出客户端/服务器分布。

我们的目标是创建一个足够灵活的框架,以便您可以将其用作主项目库或基于Node.js的当前项目。

Nuxt.js预先设置了使Vue.js应用服务器的开发更加愉快的所有配置。

另外,我们还提供另一个名为nuxt generate的部署选项。它将构建一个静态生成的 Vue.js应用程序。我们相信这个选择可能是微软服务开发Web应用程序的下一个重要步骤。

作为一个框架,Nuxt.js提供了很多功能,可以帮助您在客户端和服务器端之间进行开发,例如异步数据,中间件,布局等。

使用Nuxt.js入门模板


1、创建nuxt基础模板

下载vue-cli

npm install vue-cli

通过vue-cli来下载模板

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

启动项目

npm run dev

2、创建nuxt+express模板

vue init nuxt/express <project-name>

得到这样的项目文件:


比基础模板多一个api文件,在接下来的新手之路我选择了nuxt+express模板。

当然,官网上还有很多其他的模板,有兴趣可以自行查看、尝试。

其他模板


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。