搭建web前端 基本项目架构

1. 新建项目文件

• 首先我们新建一个空的文件夹 xxxx
• 然后我们初始化 GIT仓库 以及 【npm】 git init and npm init

2. 添加源码src目录

• 创建子目录：js/，css/， image/
• 添加主文件index.html

3. 添加vendor目录

• 此目录下主要存放第三方插件 如 Jquery.js

4. 根文件README.md

• 此文件为项目的-“自述文件”
• 编写格式为Markdown
• 使用说明

5. 根文件 .gitignore

• git配置文件
• 提交git 远程仓库时，过滤掉无需提交的文件以及文件夹
• 通常为 node_modules/ 以及打包后的文件

6. 根文件 .editorconfig

• 代码规范设置
• 便于团队开发 代码规范的统一设置

7. 根文件 robots.txt

• Robots协议（也称为爬虫协议、机器人协议等）
• Robots协议用来告知搜索引擎哪些页面能被抓取，哪些页面不能被抓取
• 保护隐私的道德规范 不是绝对的防火墙

8. 根文件 humans.txt

• 不同于robots文件 此文件是给人看的
• 使用说明

9.配置webpack

• ...
• 找度娘

10.配置根文件 deploy.sh

• 此文件为上传服务器 发布生产环境的 配置
• 前端一般为： npm install 以及 webpack打包命令