Vue文件夹目录结构

首先通过【Vue-cli 3.x】创建vue项目 创建一个Vue项目。

image

以上是项目的目录结构

如果资源管理器中打开,会看到一个隐藏文件

image
### 目录说明

*   .git:方便开发者把项目传到远端仓库。

*   node_modules:项目所有依赖的包文件,比如vue-router、vuex等插件都会下载到这个文件夹里面

*   public:本地服务器的文件夹(其实是访问里面的index.html)

    *   favicon.ico:项目的图标
    *   index.html:首页
*   src:工作目录(主要写代码的地方)

    *   assets:放入静态资源(图片、css)
    *   components:组件的存放位置
    *   App.vue:根组件
    *   main.js:项目的全局配置
*   .gitignore:不需要上传到git仓库中的文件配置

*   babel.config.js:有关babel的配置(比如es6转es5等相关配置)

*   package.json:项目的基本配置说明

*   package-lock.json:安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致

*   README.md:项目说明文件(开发者书写自己项目的说明)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容