• vue-cli创建的项目的目录结构及说明


    一、

    ├── build              // 项目构建(webpack)相关代码             记忆:(够贱)    9个

    │ ├── build.js       // 生产环境构建代码

    │ ├── check-versions.js // 检查node&npm等版本

    │ ├── dev-client.js       // 热加载相关

    │ ├── dev-server.js        // 构建本地服务器

    │ ├── utils.js          // 构建配置公用工具

    │ ├── vue-loader.conf.js // vue加载器

    │ ├── webpack.base.conf.js // webpack基础环境配置

    │ ├── webpack.dev.conf.js //  webpack开发环境配置

    │ └── webpack.prod.conf.js // webpack生产环境配置



    二、
    ├── config// 项目开发环境配置相关代码                        记忆: (环配)    3个   

    │ ├── dev.env.js  // 开发环境变量(看词明意)

    │ ├── index.js //项目一些配置变量

    │ └── prod.env.js // 生产环境变量



    三、
    ├──node_modules// 项目依赖的模块                         记忆: (依赖)    *个     




    四、

    ├── src// 源码目录                 5

    1
    │ ├──  assets// 资源目录 

    │ │ └── logo.png

    2    
    │ ├── components// vue公共组件

    │ │ └── Hello.vue

    3
    │ ├──router// 前端路由

    │ │ └── index.js// 路由配置文件

    4
    │ ├── App.vue// 页面入口文件

    5
    │ └── main.js// 程序入口文件



    五、

    └── static// 静态文件,比如一些图片,json数据等

    │ ├── .gitkeep
        


    剩余、
    ├── .babelrc// ES6语法编译配置

    ├── .editorconfig// 定义代码格式

    ├── .gitignore// git上传需要忽略的文件格式

    ├── index.html// 入口页面

    ├── package.json// 项目基本信息

    ├── README.md// 项目说明


    附录、
    一般情况下:
    ESlint  es6的代码风格检查器  y
    AirBNB  默认
    Karma + Mocha No

    e2e   No

  • 相关阅读:
    C++第7周任务3输出星号图详解示例
    C++第7周任务3输出星号图全解
    C02程序设计基础提高班(C++)第7周上机任务指针
    毕业生反馈(三)
    C++程序设计第七周上机实践项目
    C03Java同步实践加强班第7周上机任务
    写给菜鸟:发CSDN博文常见问题处理
    android项目 添加
    编译某一个ko模块make modules SUBDIRS=drivers/xxx/
    修改其他输入法为android 默认输入法
  • 原文地址:https://www.cnblogs.com/liaojie970/p/7435345.html
Copyright © 2020-2023  润新知