【前端综合】前端项目组织结构

简介: 【前端综合】前端项目组织结构


public

components 组件目录

conponents目录存放组件,子文件夹名称按组件名称命名,组件包含的js\css\html文件同样要使用组件名命名

示例

  • components/header:头部组件,包含头部组件使用到的header.js\header.css\header.html文件,使用组件时,只需加载该header.html文件

pages 页面目录

pages存放每个页面,子文件夹使用页面名称命名,其中包含该页使用到的js\css\html文件.

示例

  • pages/index:表示首页,index目录下存放首页使用到的文件,文件命名和目录名称一致;

plugins 外部插件

plugins 存放从外部引入的插件,如bootstrap.js\bootstrap.css

示例

  • plugins/bootstrap:表示存放bootstrap插件的目录,目录下存放bootstrap的文件

public 公共静态资源

public 存放页面使用的公共静态文件或是插件需要依赖的javascript库\css库,以及图片资源、字体文件;

示例

  • public/javascript:表示存放公共的js文件,如jquery.js;
  • public/stylesheets:表示存放公共的css文件,如common.css

bulid 构建目录

bulid 是使用构建工具(gulp\fis3等)打包生成后的目录

README.md 项目说明

在readme.md中描述项目的组织结构,项目用途等说明


相关文章
|
6月前
|
前端开发 JavaScript 测试技术
30个前端和设计必备网站,让你的工作更轻松!
30个前端和设计必备网站,让你的工作更轻松!
543 0
|
8天前
|
存储 数据可视化 数据挖掘
设计团队高效运作的核心:任务可视化管理
团队协作低效?试试看板管理,让信息同步和流程更清晰,高效提升团队协作!
23 0
设计团队高效运作的核心:任务可视化管理
|
6月前
|
前端开发 JavaScript
前端综合练手小项目
前端综合练手小项目
|
6月前
|
前端开发 JavaScript 测试技术
前端模块规划
前端模块规划
66 1
前端模块规划
|
前端开发
「前端经验总结」大型业务项目中,前端如何撰写设计文档
设计文档可以帮助开发梳理业务功能,呈现优质的开发思维的载体。另外,当开发思路逐渐丰富,开发速度也就提上来了。所以本篇分享笔者前端的开发中尤其是大型业务项目,是如何撰写设计文档的。
1364 1
|
监控 Cloud Native Go
面试中的项目管理:如何展示你的组织能力
面试中的项目管理:如何展示你的组织能力
127 0
面试中的项目管理:如何展示你的组织能力
|
网络协议 网络虚拟化 网络架构
综合实战项目
综合实战项目
75 0
|
存储 边缘计算 前端开发
聊聊前后端分离(历史、职责划分、未来发展)
聊聊前后端分离(历史、职责划分、未来发展) 前言 3月下旬了,时间过得真快,才发觉已经有几周没写文章了😠。 前面写了一篇Cookie-Session与JWT对比这样一篇文章,引发了我对未来前后端分离模式的一个思考。你可能会问,这两者能扯上什么关系?请听我慢慢道来... 其实了解这两者区别的应该都清楚,主要就是把登录态的存储是放在前端(用户设备上)存储还是放在后端(服务器)上存储的一个区别,具体的优缺点这里不过多赘述,可以查看一下往期文章。
291 0
|
前端开发 开发者
「前端工作小记」关于业务组件的思考
用技术实现梦想,用梦想打开前端技术之门。分享我在日常开发中关于业务组件的思考。
346 1
「前端工作小记」关于业务组件的思考
|
前端开发
前端工作小结16-设计思路
前端工作小结16-设计思路
77 0
前端工作小结16-设计思路
下一篇
无影云桌面