zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    AngularJS启动过程分析
    mongodb 基本用法大全
    bitbucket工程改名导致 repository does not exist. fatal: Could not read from remote repository.
    分散的配置文件VS集中的注册表
    让browserify接收命令行参数,在打包时parse yml配置文件
    vscode下ts-node传入cli参数
    d3 .each()
    d3选择全部子节点,不知道class和id
    d3 parse字符串形式的xml svg and append to element
    在浏览器端用es6,babel+browserify打包
  • 原文地址:https://www.cnblogs.com/liaojie970/p/7435345.html
Copyright © 2011-2022 走看看