vue-ssr服务端渲染框架Nuxt.js

安装nuxt模板

$ vue init nuxt-community/starter-template <project-name>
$ cd <project-name>
$ npm install
$ npm run dev

打开http://localhost:3000/

image.png

资源目录

assets 用于组织未编译的静态资源如 LESS、SASS 或 JavaScript。
组件目录

components 用于组织应用的 Vue.js 组件。Nuxt.js 不会扩展增强该目录下 Vue.js 组件,即这些组件不会像页面组件那样有 asyncData 方法的特性。
布局目录

布局目录 layouts 用于组织应用的布局组件。该目录名为Nuxt.js保留的,不可更改。
中间件目录

middleware 目录用于存放应用的中间件。
页面目录

页面目录 pages 用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。该目录名为Nuxt.js保留的,不可更改。
插件目录

插件目录 plugins 用于组织那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。
静态文件目录

静态文件目录 static 用于存放应用的静态文件,此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。 服务器启动的时候,该目录下的文件会映射至应用的根路径 / 下。
Store 目录

store 目录用于组织应用的 Vuex 状态树 文件。 Nuxt.js 框架集成了 Vuex 状态树 的相关功能配置,在 store 目录下创建一个 index.js 文件可激活这些配置。
nuxt.config.js 文件

nuxt.config.js 文件用于组织Nuxt.js 应用的个性化配置,以便覆盖默认配置。
package.json 文件

package.json 文件用于描述应用的依赖关系和对外暴露的脚本接口。

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

推荐阅读更多精彩内容

  • 实用框架以及工具 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 Element-...
    丶温瞳阅读 3,090评论 1 14
  • 目录 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element★13489 ...
    余生社会阅读 20,126评论 7 233
  • 目录 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★31142...
    吴佳浩阅读 11,002评论 1 61
  • 买了去A市的机票,起飞时间是当天晚上7点40分。 急急忙忙搭上机场大巴赶到机场。 时间还好还好。 下了大巴,发现没...
    流糖阅读 444评论 3 10
  • 文/森书 寓言的意义,就是将生活中忽略的或习以为常的事,放大了呈现给你。 00 长角的男人 唐·富尔亨西奥是个律师...
    森书阅读 453评论 15 9