美文网首页
Vue---目录及其作用

Vue---目录及其作用

作者: 橙_知足常乐 | 来源:发表于2021-02-05 10:22 被阅读0次

介绍一下目录及其作用:

     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对项目某些文件的语法规则的检查

相关文章

  • Vue---目录及其作用

    介绍一下目录及其作用: build:最终发布的代码的存放位置。 config:配置路径、端口号等一些信息,我们刚开...

  • find和grep的使用权限是所有用户

    find命令的作用是在目录中根据文件名搜索文件find 列出当前目录及其子目录的所有文件和文件夹的完整路径。fin...

  • 使用java8API遍历过滤文件目录及子目录及隐藏文件

    1. 使用Files.list()迭代目录及其子目录文件 Files.list()可以迭代目录及其子目录文件 输出...

  • jps命令原理

    一、说明 jps位于jdk的bin目录下,其作用是显示当前系统的java进程情况,及其id号。 jps相当于So...

  • 2018-06-14-jps和jstack

    jps jps位于jdk的bin目录下,其作用是显示当前系统的java进程情况,及其IDJPS并不使用应用程序名来...

  • Hadoop生态中各个组件、进程的作用

    1、hadoop的各种进程及其作用 NameNode:是hdfs的主服务器,管理文件系统的目录树以及对集群中存储文...

  • Java 多线程之多线程原理

    一、线程的概念、特点及其作用 二、线程的工作原理 三、多线程的概念、特点及其作用 四、多线程中线程安全的概念及其原...

  • vue-cli搭建项目

    使用 vue-cli 搭建项目 目录结构及其对应作用 通过vue-cli搭建一个vue项目,会自动生成一系列文件,...

  • .ignore 属性 斜线意义

    当前目录及其所有子目录排除文件夹,注意:同时该名称的文件也被排除 target 当前目录及其所有子目录排除文件夹,...

  • 【*nux命令】find文件

    find $ find <指定目录> <选项> <指定条件> <指定动作> - <指定目录>: 所要搜索的目录及其...

网友评论

      本文标题:Vue---目录及其作用

      本文链接:https://www.haomeiwen.com/subject/ihywtltx.html