美文网首页
文件夹规范

文件夹规范

作者: Allen_Ezail_Ive | 来源:发表于2020-06-22 21:13 被阅读0次

所有前端(PC/H5/混合/管理平台/Node.js/工具)项目统一目录结构

.vscode/                    存放 VSCode 相关的文件
    .jsbeautifyrc           第三方 Lint 配置
    .sass-lint.yml
    tslint.json
    extensions.json         项目专属 VSCode 插件
    snippet.code-snippets   项目专用代码片段
    settings.json           主配置文件
    tasks.json              任务文件
node_modules/               存放第三方模块
src/                        存放所有源码
    components/             存放所有组件(组件不会直接生成到 dist/)
    vendors/                存放第三方代码(该目录不会打包,将直接复制到 dist/)
    pages/                  存放入口页面(等同于根目录)
    assets/                 存放所有非入口资源
dist/                       存放生成的文件,目录结构同 src
test/                       存放单元测试,目录结构同 src
    *.test.ts               存放对应的单元测试文件
_coverage                   存放覆盖率测试报告
.editorconfig               存放所有编辑器统一配置
.gitignore
package.json
package-lock.json
README.md
LICENSE
jsconfig.json               存放代码配置(或 tsconfig.json)

.gitignore 模板

# 前端项目

## 生成文件
/_*
/dist
/coverage

## Node.js
node_modules
jspm_packages
bower_components
.nyc_output

# 编辑器

## Sublime
*.sublime-workspace

## Webstorm
.idea/
*.iws

## Visual Studio
.vs
**/[Bb]in/[Dd]ebug/
**/[Bb]in/[Rr]elease/
[Oo]bj/
*.sln.*
*.vshost.*
*.suo
*.user
_ReSharper*
*.ReSharper
.ntvs_analysis.dat
**/[Bb]in/Microsoft.NodejsTools.WebRole.dll

# 操作系统

## 临时文件
*.tmp
*.log
*~
._*

## Windows
*.lnk
$RECYCLE.BIN
Desktop.ini
ehthumbs.db
Thumbs.db

## OSX
.DS_Store

.editorconfig 模板

root = true

[*]
charset = utf-8
indent_style = tab
indent_size = 4
trim_trailing_whitespace = true

[*.{md,txt}]
trim_trailing_whitespace = false

[{*.yml,*.yaml,package.json}]
indent_style = space
indent_size = 2

tsconfig.json 模板

{
    "compilerOptions": {
        "rootDir": "src",
        "outDir": "dist",
        "allowJs": true,
        "sourceMap": true,
        "target": "esnext",
        "module": "commonjs",
        "moduleResolution": "node",
        "newLine": "LF",
        "stripInternal": true,
        "preserveConstEnums": true,
        "allowSyntheticDefaultImports": true,
        "experimentalDecorators": true,
        "jsx": "react"
    },
    "include": [
        "./src/**/*"
    ]
}

相关文章

  • 文件夹规范

    所有前端(PC/H5/混合/管理平台/Node.js/工具)项目统一目录结构 .gitignore 模板 .edi...

  • vue开发规范

    vue开发规范 一、框架 vue 目录结构规范如下 1.组件文件夹 组件文件夹的名字:应该始终是以连接线(-)连接...

  • Flutter 代码规范

    命名规范 命名规范中包括了文件以及文件夹的命名规范,常量和变量的命名规范,类的命令规范。Dart 中只包含这三种命...

  • EFS前端开发规范

    借鉴启蒙老师的开发规范,根据当前项目做适当修改调整,整理项目开发规范 1:文件夹及文件的命名 按文件夹分隔路径,文...

  • 项目根目录结构及代码规范

    文件夹规范 根据项目名创建项目文件夹。 在项目文件夹创建html、css、img、js四个文件夹存放相应文档。 文...

  • 04 | 代码规范:实践开发 Flutter 编程代码规范工具

    在实践编程之前,我们先来掌握代码规范,毕竟优秀的编程代码从规范开始。 命名规范 命名规范中包括了文件以及文件夹的命...

  • odoo V10中文参考手册(指导规范)

    指导规范 模块构造 文件夹 模块的文件夹列表及对应作用: data/ 演示和实际数据的xml models/ 模型...

  • vue开发规范梳理

    为了前端代码形成统一的风格,制定该代码规范(该规范部分参照VUE官网介绍的风格指南以及常用的规范) 1.文件夹命名...

  • Vue开发规范

    文件命名规范 components / layouts components和layouts下的文件夹名以及.vu...

  • RPA命名规范

    1. 命名规范 1.1 概述 描述了了关于RPA开发过程中的各种文件、参数的命名规范。 1.2 文件夹及文件 需要...

网友评论

      本文标题:文件夹规范

      本文链接:https://www.haomeiwen.com/subject/ilgffktx.html