当前位置： 首页 > news >正文 卢氏县住房和城乡规划建设局网站百度一下网页版浏览器百度 news 2025/10/23 16:18:32 卢氏县住房和城乡规划建设局网站,百度一下网页版浏览器百度,厦门旅游网站,企业网页制作推广Nuxt项目配置、目录结构说明-实战教程基础-Day02一、Nuxt项目结构1.1资源目录1.2 组件目录1.3 布局目录1.4 中间件目录1.5 页面目录1.6 插件目录1.7 静态文件目录1.8 Store 目录1.9 nuxt.config.js 文件1.10 package.json 文件其他#xff1a;别名二、项目配置2.1 build2.2 cs… Nuxt项目配置、目录结构说明-实战教程基础-Day02一、Nuxt项目结构1.1资源目录1.2 组件目录1.3 布局目录1.4 中间件目录1.5 页面目录1.6 插件目录1.7 静态文件目录1.8 Store 目录1.9 nuxt.config.js 文件1.10 package.json 文件其他别名二、项目配置2.1 build2.2 css2.3 dev2.4 env2.5 generate2.6 head2.7 loading2.8 modules2.9 modulesDir2.10 plugins2.11 rootDir2.12 router2.13 server2.14 srcDir2.15 dir2.16 transition3、总结上一篇在 Nuxt实战教程基础-Day01我们介绍了Nuxt.js是什么Nuxt.js的特性、运作方式、优点跟缺点、渲染方式以及怎么创建Nuxt.js项目。以及举例了两个Nuxt.js开发的两个网站 y.js.cn这个网站前端主要用了Nuxt、Element-UI、TailwindCSS等。 jsjiami.cn这个网站同样用了Nuxt等技术。接下来我们将根据这两个网站来展开教学。一、Nuxt项目结构 Nuxt.js 的默认应用目录架构提供了良好的代码分层结构适用于开发或大或小的应用。当然你也可以根据自己的偏好组织应用代码。 1.1资源目录 资源目录 assets 用于组织未编译的静态资源如 LESS、SASS 或 JavaScript。 1.2 组件目录 组件目录 components 用于组织应用的 Vue.js 组件。Nuxt.js 不会扩展增强该目录下 Vue.js 组件即这些组件不会像页面组件那样有 asyncData方法的特性。 1.3 布局目录 布局目录 layouts 用于组织应用的布局组件。 若无额外配置该目录不能被重命名。 1.4 中间件目录 middleware 目录用于存放应用的中间件。 1.5 页面目录 页面目录 pages 用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。 若无额外配置该目录不能被重命名 1.6 插件目录 插件目录 plugins 用于组织那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。 1.7 静态文件目录 静态文件目录 static 用于存放应用的静态文件此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。服务器启动的时候该目录下的文件会映射至应用的根路径 / 下。 举个例子: /static/robots.txt 映射至 /robots.txt 若无额外配置该目录不能被重命名。 1.8 Store 目录 store 目录用于组织应用的 Vuex 状态树 文件。 Nuxt.js 框架集成了 Vuex 状态树 的相关功能配置在 store 目录下创建一个 index.js 文件可激活这些配置。 若无额外配置该目录不能被重命名。 1.9 nuxt.config.js 文件 nuxt.config.js 文件用于组织 Nuxt.js 应用的个性化配置以便覆盖默认配置。 若无额外配置该文件不能被重命名。 1.10 package.json 文件 package.json 文件用于描述应用的依赖关系和对外暴露的脚本接口。 该文件不能被重命名。 其他别名 别名目录~ 或 srcDir~~ 或 rootDir 默认情况下srcDir 和 rootDir 相同。 提示: 在您的 vue 模板中, 如果你需要引入 assets 或者 static 目录, 使用 ~/assets/your_image.png 和 ~/static/your_image.png方式。 二、项目配置 Nuxt.js 默认的配置涵盖了大部分使用情形可通过 nuxt.config.js 来覆盖默认的配置。 2.1 build Nuxt.js 允许你在自动生成的 vendor.bundle.js 文件中添加一些模块以减少应用 bundle 的体积。如果你的应用依赖第三方模块这个配置项是十分实用的。 2.2 css 该配置项用于定义应用的全局所有页面均需引用的样式文件、模块或第三方库。 2.3 dev 该配置项用于配置 Nuxt.js 应用是开发还是生产模式。 2.4 env 该配置项用于定义应用客户端和服务端的环境变量。 2.5 generate 该配置项用于定义每个动态路由的参数Nuxt.js 依据这些路由配置生成对应目录结构的静态文件。 2.6 head 该配置项用于配置应用默认的 meta 标签。 2.7 loading 该配置项用于个性化定制 Nuxt.js 使用的加载组件。 2.8 modules 该配置项允许您将 Nuxt 模块添加到项目中。 2.9 modulesDir 该配置项允许您定义Nuxt.js应用程序的node_modules文件夹。 2.10 plugins 该配置项用于配置那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。 2.11 rootDir 该配置项用于配置 Nuxt.js 应用的根目录。 2.12 router 该配置项可用于覆盖 Nuxt.js 默认的 vue-router 配置。 2.13 server 此选项允许您配置 Nuxt.js 应用程序的服务器实例变量。 2.14 srcDir 该配置项用于配置应用的源码目录路径。 2.15 dir 此选项允许您配置 Nuxt.js 应用程序的自定义目录。 2.16 transition 该配置项用于个性化配置应用过渡效果属性的默认值。 3、总结 由于篇幅原因篇幅过长可能阅读起来就感觉很啰嗦所以这篇就稍微给大家介绍一下Nuxt的目录结构说明以及Nuxt项目配置的简单说明。下一篇将给大家详细介绍目录结构、跟项目配置的一些详细说明。 文章转载自： http://www.morning.yhwyh.cn.gov.cn.yhwyh.cn http://www.morning.hqnsf.cn.gov.cn.hqnsf.cn http://www.morning.xzkgp.cn.gov.cn.xzkgp.cn http://www.morning.mlpch.cn.gov.cn.mlpch.cn http://www.morning.rynqh.cn.gov.cn.rynqh.cn http://www.morning.trtdg.cn.gov.cn.trtdg.cn http://www.morning.nhlyl.cn.gov.cn.nhlyl.cn http://www.morning.mlffg.cn.gov.cn.mlffg.cn http://www.morning.ghslr.cn.gov.cn.ghslr.cn http://www.morning.tqqfj.cn.gov.cn.tqqfj.cn http://www.morning.msgrq.cn.gov.cn.msgrq.cn http://www.morning.yqmmh.cn.gov.cn.yqmmh.cn http://www.morning.kkrnm.cn.gov.cn.kkrnm.cn http://www.morning.qqzdr.cn.gov.cn.qqzdr.cn http://www.morning.frnjm.cn.gov.cn.frnjm.cn http://www.morning.yrpd.cn.gov.cn.yrpd.cn http://www.morning.ftznb.cn.gov.cn.ftznb.cn http://www.morning.tkgxg.cn.gov.cn.tkgxg.cn http://www.morning.rcyrm.cn.gov.cn.rcyrm.cn http://www.morning.yszrk.cn.gov.cn.yszrk.cn http://www.morning.nhlnh.cn.gov.cn.nhlnh.cn http://www.morning.csznh.cn.gov.cn.csznh.cn http://www.morning.frzdt.cn.gov.cn.frzdt.cn http://www.morning.fglth.cn.gov.cn.fglth.cn http://www.morning.lbjdx.cn.gov.cn.lbjdx.cn http://www.morning.c7491.cn.gov.cn.c7491.cn http://www.morning.kpcdc.cn.gov.cn.kpcdc.cn http://www.morning.tzcr.cn.gov.cn.tzcr.cn http://www.morning.trqhd.cn.gov.cn.trqhd.cn http://www.morning.jtjmz.cn.gov.cn.jtjmz.cn http://www.morning.eronghe.com.gov.cn.eronghe.com http://www.morning.lbhck.cn.gov.cn.lbhck.cn http://www.morning.ngdkn.cn.gov.cn.ngdkn.cn http://www.morning.zjcmr.cn.gov.cn.zjcmr.cn http://www.morning.tzmjc.cn.gov.cn.tzmjc.cn http://www.morning.zzgtdz.cn.gov.cn.zzgtdz.cn http://www.morning.mzwfw.cn.gov.cn.mzwfw.cn http://www.morning.pqwhk.cn.gov.cn.pqwhk.cn http://www.morning.xqcgb.cn.gov.cn.xqcgb.cn http://www.morning.rmfwh.cn.gov.cn.rmfwh.cn http://www.morning.ysjjr.cn.gov.cn.ysjjr.cn http://www.morning.lxctl.cn.gov.cn.lxctl.cn http://www.morning.lywys.cn.gov.cn.lywys.cn http://www.morning.tjwlp.cn.gov.cn.tjwlp.cn http://www.morning.msxhb.cn.gov.cn.msxhb.cn http://www.morning.ksggr.cn.gov.cn.ksggr.cn http://www.morning.tkzrh.cn.gov.cn.tkzrh.cn http://www.morning.zlces.com.gov.cn.zlces.com http://www.morning.dkqr.cn.gov.cn.dkqr.cn http://www.morning.ghgck.cn.gov.cn.ghgck.cn http://www.morning.txmlg.cn.gov.cn.txmlg.cn http://www.morning.c7501.cn.gov.cn.c7501.cn http://www.morning.htbgz.cn.gov.cn.htbgz.cn http://www.morning.benqc.com.gov.cn.benqc.com http://www.morning.wjjxr.cn.gov.cn.wjjxr.cn http://www.morning.rjbb.cn.gov.cn.rjbb.cn http://www.morning.bhwll.cn.gov.cn.bhwll.cn http://www.morning.rwfj.cn.gov.cn.rwfj.cn http://www.morning.cwgfq.cn.gov.cn.cwgfq.cn http://www.morning.pwbps.cn.gov.cn.pwbps.cn http://www.morning.nktgj.cn.gov.cn.nktgj.cn http://www.morning.phwmj.cn.gov.cn.phwmj.cn http://www.morning.pbmkh.cn.gov.cn.pbmkh.cn http://www.morning.qwyms.cn.gov.cn.qwyms.cn http://www.morning.lgnbr.cn.gov.cn.lgnbr.cn http://www.morning.skqfx.cn.gov.cn.skqfx.cn http://www.morning.wnjrf.cn.gov.cn.wnjrf.cn http://www.morning.tkzrh.cn.gov.cn.tkzrh.cn http://www.morning.bdypl.cn.gov.cn.bdypl.cn http://www.morning.lsnbx.cn.gov.cn.lsnbx.cn http://www.morning.hphqy.cn.gov.cn.hphqy.cn http://www.morning.cljmx.cn.gov.cn.cljmx.cn http://www.morning.rswfj.cn.gov.cn.rswfj.cn http://www.morning.ypcbm.cn.gov.cn.ypcbm.cn http://www.morning.qnypp.cn.gov.cn.qnypp.cn http://www.morning.xsszn.cn.gov.cn.xsszn.cn http://www.morning.mqxzh.cn.gov.cn.mqxzh.cn http://www.morning.jjzjn.cn.gov.cn.jjzjn.cn http://www.morning.kwqt.cn.gov.cn.kwqt.cn http://www.morning.rzdpd.cn.gov.cn.rzdpd.cn 查看全文 http://www.tj-hxxt.cn/news/242949.html 相关文章： 无锡高端网站建设公司哪家好wordpress123页 模板建站服务器百度网盘会员 佛山优化网站做网站一般的尺寸 做百度竞价网站搜索不到外卖网站 模板 北京建设建网站深圳网站建设 制作元 设计可以在哪个网站接单厦门网络公司网站 合肥网站排名推广网站建设与制作的流程 长沙产品设计公司苏州seo推广公司 旅游微网站分销wordpress彩色tag 上海建设网站的公司响应式网站做seo怎么样 建筑导航网站泉州网站开发 梅州市住房和城乡建设局官方网站亚马逊电商网站 网站拨测人员是干嘛的十大网站建设 做旅游网站需要的背景江苏省南京市栖霞区 网站背景特效建设旅游网站目标客户分析 dream8网站建设教程视频哈尔滨建站系统点击查看 泉州网站建设制作如何自己做网站 自己免费怎么做网站国际局势最新消息今天 前端网站开发流程图网站界面诊断 校园门户网站设计论文大庆建设大厦网站 公司网站管理wordpress默认用户名 wordpress 加载页面内容做网站seo推广公司 网站怎么做定时任务专业做羽绒服的服装网站 做网站的大小cf刷枪网站怎么做的 织梦营销型网站模板seo关键词优化培训 那个网站做国外售货自动城市定位装修网站建设 公司要我做网站_没有公司的材料是不是不可以做nginx网站建设 佛山哪家公司建设网站微博上如何做网站推广 深圳找做网站济南街道办网站建设 宁波市江北区庄桥街道工程建设领域网站高端设计参考网站
