阅读熟悉项目代码结构的笔记——之前一知半解，现在加深印象。

晨洛溪月

已于 2022-01-26 10:07:32 修改

阅读量135

点赞数 1

分类专栏：前端-原创文章标签：前端 javascript 开发语言

于 2022-01-12 16:47:03 首次发布

本文链接：https://blog.csdn.net/m0_55728090/article/details/122457169

版权

本文详细解读了项目代码结构，包括.idea目录的作用，.vscode配置，dist文件夹下css与js的打包逻辑，ajaxFileUpload插件，MVC模式，以及package.json中核心依赖。还介绍了Store的组成和axios的基本用法，帮助开发者深入理解项目组织和前端工具。

摘要由CSDN通过智能技术生成

一、.idea文件夹的含义及作用
.表示此目录为隐藏目录，这是由idea自动创建的目录。
.gitignoreGit忽略文件。
二、.vscode
launch.json是vscode用于调试的配置文件，比如指定调试语言环境，指定调试类型等等。
三、dist文件目录详解
css文件夹下的.css文件是项目要用到的css文件,当你做webpack打包的时候，会把所有的css样式打包到这里
css文件夹下的.css.map文件是一个Source map文件，Source map就是一个信息文件，里面储存着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。目的是帮助我们调试被压缩过的css代码，只是方便我们开发的时候做调试使用。
js文件夹下的.js.map依然是Source map文件，方便我们开发时调试js代码使用。
app.js文件里放的是项目中各个页面的逻辑代码。
vendor.js放的是各个页面各个组件公用的一些代码。
index.html使我们前端代码入口的一个html文件。
四、jquery-ajaxfileupload.js
ajaxFileUpload是一个异步上传文件的jQuery插件
五、MVC的概念
MVC开始是存在于桌面程序中的，M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。
C存在的目的则是确保M和V的同步，一旦M改变，V应该同步更新。
六、package.json
core-js解决IE浏览器无法兼容新的语法、api
ckeditor官方版是一款专业专业的即用型富文本编辑器，编辑网页代码的必备工具。
crypto-js前端加解密：为了信息安全