Vue---目录及其作用

介绍一下目录及其作用:

     build:最终发布的代码的存放位置。

     config:配置路径、端口号等一些信息,我们刚开始学习的时候选择默认配置。

     node_modules:npm 加载的项目所需要的各种依赖模块。

     src:这里是我们开发的主要目录(源码),基本上要做的事情都在这个目录里面,里面包含了几个目录及文件:

             assets:放置一些图片,如logo等

             components:目录里放的是一个个的组件文件

             router/index.js:配置路由的地方

             App.vue:项目入口组件(跟组件),我们也可以将组件写这里,而不使用components目录。主要作用就是将我们自己定义的组件通过它与页面建立联系进行渲染,这里面的<router-view/>必不可少。

             main.js :项目的核心文件(整个项目的入口js)引入依赖包、默认页面样式等(项目运行后会在index.html中形成一个app.js文件)。

     static:静态资源目录,如图片、字体等。

     test:初始测试目录,可删除

      .XXXX文件:配置文件。

     index.html:html单页面的入口页面,可以添加一些meta信息或者同统计代码啥的或页面的重置样式等。

     package.json:项目配置信息文件/所依赖的开发包的版本信息及所依赖的插件信息。

     README.md:项目的说明文件。

     webpack.config.js:webpack的配置文件,把.vue的文件打包成浏览器能读懂的文件。

     .babelrc: 是检测es6语法的文件的配置

     .getignore: 忽略文件的配置(比如模拟本地数据mock不让他在get提交/打包上线的时候忽略不使用可在这里配置)

     .postcssrc.js: 前缀的配置 

     .eslintrc.js: 配置eslint语法规则(在这里面的rules属性中配置让哪个语法规则失效)

     .eslintignore: 忽略eslint对项目某些文件的语法规则的检查

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

推荐阅读更多精彩内容