• 使用vue-cli生成的项目代码结构介绍


    利用node和npm环境我们可以很快的搭建一个vue环境。具体步骤,请看上一篇博客。搭建完成后,我们可以看到生成的文件夹中包括如下文件。

    在开发中,这些生成的配置文件不需做太多的改动,我们要做的就是在src中进行业务代码的开发。

    build文件夹

    是项目打包的webpack的配置内容,是自动构建成的集合一般来说不需要修改

    最后三个分别是(base)基础的、(dev)开发环境中的、(prod)线上环境中的webpack配置。

    config文件夹

    保存一些项目初始化的配置文件

    dev.env.js 开发环境的配置信息

    index.js 项目基础的配置信息

    prod.env.js 线上环境的配置信息

    node_modules文件夹

    存放npm加载的项目依赖的模块

    src文件夹

    是我们要开发的目录

    assets:用来放置图片资源

    components:用来放组件文件

    App.vue:是项目入口文件,根组件

    main.js是项目的入口文件(核心)

    static文件

    放置静态资源目录(静态图片、json数据等)

    .babelrc

    配置文件。语法解析器做一些语法转换,解析成浏览器能编译执行的代码

    editorconfig

    配置编辑器里的语法,统一编辑器的自动化代码的格式化

    .gitignore

    git上传时忽略的文件(git相关)

    postcssrc.js

    postcssrc配置(一款使用插件去转换CSS的工具)

    index.html

    首页模板文件

    package.json

    记录你项目中所需要的所有模块(npm相关)

    package-lock.json

    锁定所有模块的版本号(npm相关)

    README.md

    项目的说明文件(git相关)

  • 相关阅读:
    for循环中的作用域 闭包
    for,forEach,for in ,for of,$.each和$().each应用
    交换变量的值
    URL和URI的关系
    Delphi Idhttp.Get方法
    Delphi 时间转换异常处理(各Win系统时间显示格式不同)
    Delphi 接口统一方法
    Delphi 高级停靠(Dock)技术的实现[转载]
    delphi 客户端_动态装载插件DLL
    ADOQuery导出Excel超快(大量数据)!
  • 原文地址:https://www.cnblogs.com/L-xmin/p/12449337.html
Copyright © 2020-2023  润新知