2024年前端最新Vue-04-Vue-cli创建webpack模板项目结构分析，前端视频提取音频

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

---

• build和config：Webpack的配置文件

• node_moudles: 用于存放npm install 下载的依赖文件

• src：项目的源码目录 static：静态资源文件

• .babelrc:这是Babel的核心配置文件，主要是将ES6转换为ES5，（因为node项目不支持es6语法）

• .editorconfig:编辑器配置

• .eslintignore:需要忽略的语法检查配置文件

• .gitignore:git需要忽略的配置文件

• .postcssrc.js: css的相关配置，其中内部的 module.exports是 NodeJS 模块化语

• index.html：首页，仅作模板页，实际开发当中并不使用

• package.json：项目的配置文件

• name：项目名称

• version：项目版本

• description：项目描述

• author：作者

• scripts：封装我们常用的命令，例如 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",例如这样，我们执行npm run dev 默认执行的就是后边的webpack命令

• dependences：生产环境依赖

• Devdependences：开发环境依赖

上面就是对初始化模板项目所有的配置文件概述！

接下来让我们聊一下由script脚本编写Vue 到现在的创建Vue组件化开发有什么区别？

刚开始学预备知识的时候因为无论是基础语法、自定义组件、插槽、我们都是在html以script脚本中编写，这样的写法与我们平时的写法一致，因为vue是JavaScript的框架，所以把他写在script脚本当中也并没有什么不妥，因为我们并不熟悉组件开发，这可以说是一种思想，由script脚本转Vue组件化开发的时候我确实一脸懵，跟本理不清组件还有template、moudle、以及之间讲过的三者关系，在这里我梳理不清楚，反思几天总结来说还是，思想的问题，老以是script脚本编写的语法和思想去考虑组件化开发，所以我们因该慢慢的培养自己的Vue组件化开发思想，接下来就让我们聊一下组件化开发的一些操作！

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】