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相关)

  • 相关阅读:
    作业3月30号
    21、,模块与包的使用
    作业3月26号
    20、面向函数与匿名函数及模块
    作业3月25号
    19、迭代器及函数的递归调用
    作业3月24号
    06-函数
    3.17---购物车练习
    3.15---文件处理练习2
  • 原文地址:https://www.cnblogs.com/L-xmin/p/12449337.html
Copyright © 2011-2022 走看看