web前端 合理组织文件夹,目录结构
2018-02-25 17:03
363 查看
组织项目目录
一条原则: convention over configuration 约定优于配置
意义: 约定代码结构或命名规范,减少配置数量
- css/ *.css
- jquery.js -> jquery.min.js
- css/style img/image images/images
建立文件夹
dist 处理后的发布文件
test 测试文件
doc 说明文件 文件夹
src 源文件
/ css main.css normalize.css login.css(页面相同名称)
/ js main.js
/vender
jquery.js
jquery.min.js
/ img
index.html
login.html
common /js /css /img 通用样式脚本图片
customer /js /css /img 用户的
home /js /css /img 模块
login /js /css /img 模块
component 组件
tpl 模板
swf 文件夹
sass scss 文件夹
一条原则: convention over configuration 约定优于配置
意义: 约定代码结构或命名规范,减少配置数量
- css/ *.css
- jquery.js -> jquery.min.js
- css/style img/image images/images
建立文件夹
dist 处理后的发布文件
test 测试文件
doc 说明文件 文件夹
src 源文件
/ css main.css normalize.css login.css(页面相同名称)
/ js main.js
/vender
jquery.js
jquery.min.js
/ img
index.html
login.html
common /js /css /img 通用样式脚本图片
customer /js /css /img 用户的
home /js /css /img 模块
login /js /css /img 模块
component 组件
tpl 模板
swf 文件夹
sass scss 文件夹
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Web前端开发最佳实践（12）：JavaScript代码中有大量写死的配置数据？这些数据难以维护，你需要合理组织这些数据
- 合理的组织电脑目录结构
- 二十一、【.Net开源框架】EFW框架Web前端开发之目录结构和使用FireBug调试方法
- 一个Web应用部署到Tomcat服务器上之后的目录结构是怎样的？以及web工程与maven web工程的目录结构
- Intellij IDEA WEB结构目录说明【转载】
- 《TomCat与Java Web开发技术详解》（第二版） 第三章节的学习总结--一个WEB应用的目录结构以及如何发布WEB应用
- 【Quartz】【程序目录结构】/DetectNonWorkingDay/WebContent/WEB-INF/web.xml
- Java web部署目录结构和web.xml作用
- 求推荐go语言开发工具及go语言应该以哪种目录结构组织代码？
- Android_Web的目录结构
- 菜鸟教程之工具使用（二）——Maven打包非规范目录结构的Web项目
- IDEA下WEB目录结构介绍
- 开发规范 项目 文件夹 目录 结构 分类
- 用vue+webpack搭建的前端项目结构
- Vue+webpack项目配置便于维护的目录结构教程详解
- Java Web应用程序的规范目录结构
- 一般Web典型的项目目录结构
- web前端结构与行为的分离
- JavaWeb项目目录结构
- 项目目录结构的讲解【武理解析前端用户交互系统】