zoukankan      html  css  js  c++  java
  • 使用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相关)

  • 相关阅读:
    LeetCode 382. Linked List Random Node
    LeetCode 398. Random Pick Index
    LeetCode 1002. Find Common Characters
    LeetCode 498. Diagonal Traverse
    LeetCode 825. Friends Of Appropriate Ages
    LeetCode 824. Goat Latin
    LeetCode 896. Monotonic Array
    LeetCode 987. Vertical Order Traversal of a Binary Tree
    LeetCode 689. Maximum Sum of 3 Non-Overlapping Subarrays
    LeetCode 636. Exclusive Time of Functions
  • 原文地址:https://www.cnblogs.com/L-xmin/p/12449337.html
Copyright © 2011-2022 走看看