Vue项目中一些常见的文件名及作用

总结了一些常见的项目文件名称-及其对应的作用

常见的文件夹命名
src解释：source的简写，指源代码。位置：一级目录。作用：存放源代码。lib/dep/plugins解释：library/dependence/plugins的简写，依赖工具库/框架。位置：二级目录。作用：存放依赖的第三方工具库/框架（如：jquery）。bin解释：binary的简写。位置：一级目录。作用：存放二进制文件（如：*.exe）。dist/build解释：distribution/build的简写。位置：一级目录。作用：存放最终发布的代码或应用。docs解释：document的简写。位置：一级目录。作用：存放一些需求文档，开发文档。examples/demo解释：软件应用的例子。位置：二级目录。作用：存放一些实例。asset解释：项目资源。位置：二级目录。作用：存放一些多媒体资源（如：图片、音视频）。延伸：存放的资源会经过编译处理。static/resources/res解释：项目资源。位置：二级目录。作用：存放一些静态资源（如：图片、音视频）。延伸：存放的资源不会经过编译处理。images解释：图片资源。位置：三级目录。作用：存放一些图片资源。media解释：媒体资源。位置：三级目录。作用：存放一些音视频资源。utils/tools解释：项目需要使用到的工具方法代码。位置：二级目录。作用：存放一些工具方法代码。延伸：存放项目自定义的工具方法代码，非第三方工具方法代码。common/public解释：通用资源。位置：二级目录。作用：存放一些公共资源（如：公共图片、公共音视频、公用工具库）。locale解释：区域语言目录，国际化。位置：二级目录。作用：存放一些国际化与本地化的配置文件（i18n与l10n）。延伸：i18n 和 L10n有什么区别？

www.zhihu.com
图标
api解释：Application Programming Interface的简写，应用程序编程接口。位置：二级目录。作用：存放一些应用程序接口的方法代码。db解释：database的简写，数据库。位置：二级目录。作用：存放一些访问数据库的方法代码。conf解释：config的简写，配置文件。位置：一级目录。作用：存放一些项目配置文件（如：xml、json）。logs解释：日志文件。位置：一级目录/二级目录。作用：存放一些日志文件。test/__test__解释：单元测试文件。位置：一级目录/二级目录。作用：存放一些单元测试文件。client解释：客户端源代码。位置：二级目录。作用：存放前端源代码。server解释：客户端源代码。位置：二级目录。作用：存放后端源代码。延伸：client/server 目录适合全栈项目，非全栈项目建议分开单独一个项目。建议
文件夹命名一律小写。文件夹命名一律复数单词。文件夹层次不宜过多，最多不超过五层。不要在根文件夹中存储任何资源文件，尽可能使用子目录。

Vue项目中一些常见的文件名及作用相关推荐

vue项目中，js根据文件名后缀，判断文件图片、视频、文档、pdf等类型的方法
vue项目中,在获得文件名信息,需要根据文件名的后缀来区分文件类型的方法如下:其中,文件后缀可自由拓展. // 根据文件名后缀区分文件类型/** @param: fileName - 文件名称* @ ...
vue 项目中使用粘性布局不起作用_vue项目中常见问题及解决方案
webpack项目中自动引入全局scss变量文件假设我们有一个公共的scss变量文件variables.scss /*存放所有全局变量*/$card-title:#C7D200; //首页卡片标题 ...
vue 项目中使用粘性布局不起作用_做vue项目中遇到的坑总结与学习
1.出现跨域问题(已经进行跨域设置的情况下) 这个问题找了半天....最后的解决方式:查看后台支持的编码格式和前端axios发送过去的的编码格式是否一致.不一致就会出现跨域问题.至于为什么也不明白,可 ...
methods vue过滤器和_数据动态过滤技巧在 Vue 项目中的实践
这个问题是在下在做一个 Vue 项目中遇到的实际场景,这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -.-),过程中会涉及到一些Vue源码的概念比如 $mount. rende ...
svg图片在vue项目中的应用
svg图片在vue项目中的应用一.安装 svg-sprite-loader 插件 npm install svg-sprite-loader 二.基于 vue-cli2.x 项目 webpack 配 ...
VUE 项目中引入外部js文件（CND引入）
以VUE项目中引入echarts文件为例: 第一步在VUE项目中找到index.html文件引入 :<script src="https://cdnjs.cloudflare.com ...
bing Map 在vue项目中的使用
写在最前面拥有全球数据库国内好像就只有百度地图有,高德.搜狗.腾讯的都不行,但是由于百度地图的数据更新不及时,所以在做相关项目要用到国外数据的时候,最好还是推荐使用bingMap. bing Map ...
Vue项目中最简单的使用集成UEditor方式，含图片上传
Vue 3 项目参考这里前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热 ...
Vue项目中最简单的使用集成百度UEditor方式，含图片上传
前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热度.而不少公司和个人也仍然 ...

Vue项目中一些常见的文件名及作用

Vue项目中一些常见的文件名及作用相关推荐

最新文章

热门文章