前端框架Vue中各个文件夹的具体作用简介
前端框架Vue中各个文件夹的具体作用简介
·
对于部分前端入门的同学而言,了解使用Vue框架创建项目中各个文件夹的作用是十分必要的。下面对各个文件夹的作用进行一个简单的介绍;
node_modules 是用于存放项目所需要的依赖。
public文件夹:一般用于存放一些静态资源文件,例如图片,视频,音频等资源文件。需要特别注意的是webpack在进行打包的时候,会将public中的所有静态资源原封不动的进行打包。
src 文件夹,就是指我们存放项目源代码的文件夹,程序员的工作主要在本文件夹内。
assets 也是用于存放一些静态资源文件,与public中所不同的是,webpack在进行打包的时候,会将其认作为一个模块进行打包到js文件里面。
components 一般用于存放非路由组件(还有全局组件)
App.vue 是整个项目的根组件,所有组件的后缀名均为·vue
main.js是整个项目的入口文件。也是整个程序最开始执行的文件。
babel.config.js:配置文件,用于兼容更多浏览器。
package-lock.json :缓存文件,用于记录所安装的插件的版本号等信息。
package.json:项目的说明性文件,用于说明项目的名字,版本,所配置的依赖;
README.MD:说明性的一个文件。
以上就是关于各个文件夹的作用的简单介绍,博主作为一名新人发文,目前还有很多需要学习的地方,如存在错误的地方还请大家给予指正。
更多推荐
已为社区贡献1条内容
所有评论(0)