Vue-cli中各个文件夹的作用

了解使用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:说明性的一个文件。

猜你喜欢

转载自blog.csdn.net/lwx33912138/article/details/128151767