vue项目目录介绍

尽管vue-cli已经优化了好多配置和目录机构,但是下面的介绍还是有用的。

  • build

    webpack 配置相关
  • config
    webpack 配置相关
  • src
    源码
  • static
    第三方静态资源
  • .gitkeep
    git默认不提交空目录
    放在空目录中,可以使git提交的时候,提交该目录。
  • .babelrc
    babel的配置,es6代码通过babel编译成es5.
    presets预设,表示预先要安装哪些插件;
    plugins,表示要安装的插件,这些插件很有可能互相依赖
  • .editorconfig
    编辑器的配置相关
  • .eslintignore
    忽略语法检查的目录文件
  • .eslintrc.js
    eslint的配置文件
    extends:standard 使用标准的规则,[相关配置](https://github.com/standard/standard)
    rules:可对具体的规则进行修改
  • .gitignore
    git忽略的文件、目录
  • .package.json
    项目的配置文件

原文地址:https://www.cnblogs.com/huipinpuzi/p/12199169.html

时间: 2024-07-31 16:00:31

vue项目目录介绍的相关文章

Vue Vue项目目录结构梳理

Vue项目目录结构梳理   by:授客 QQ:1033553122 1.   结构梳理   . ├── build/                      # webpack 配置文件: │   └── ... ├── config/                      # 与项目构建相关的常用的配置选项: │   ├── index.js                # 主配置文件 │   ├── dev.env.js              # 开发环境变量 │   ├── p

Vue音乐播放器(三):项目目录介绍,以及图标字体、公共样式等资源准备

我们所有的开发都是基于修改src下面的目录 里面的文件去做开发即可 stylus的使用是需要下载stylus-loader的包的 渲染效果 配置修改eslintrc.js 配置了webpack.base.conf.js文件下的别名就可以通过绝对路径来引入 注意配置别名!! 原文地址:https://www.cnblogs.com/cmy1996/p/9152441.html

vue 外卖app (1) 项目目录介绍

api 与后台交互文件夹 common 通用资源文件夹 components  非路由组件文件夹 filters   自定义过滤器模块文件夹 mock 模拟数据文件夹 pages  路由组件文件夹 router  路由器文件夹 app.vue    应用组件 main.js    入口 原文地址:https://www.cnblogs.com/guangzhou11/p/9571323.html

vue项目目录结构详解

项目简介基于 vue.js 的前端开发环境,用于前后端分离后的单页应用开发,可以在开发时使用 ES Next.scss 等最新语言特性.项目包含: 基础库: vue.js.vue-router.vuex.whatwg-fetch 编译/打包工具:webpack.babel.node-sass 单元测试工具:karma.mocha.sinon-chai 本地服务器:express 目录结构 ├── README.md            项目介绍 ├── index.html          

vue项目目录

先看目录结构: ├── build // 构建相关 ├── config // 配置相关 ├── src // 源代码 │ ├── api // 所有请求 │ ├── assets // 主题 字体等静态资源 │ ├── components // 全局公用组件 │ ├── directive // 全局指令 │ ├── filtres // 全局 filter │ ├── icons // 项目所有 svg icons │ ├── lang // 国际化 language │ ├── mock

vue项目目录结构

如上图所示,我们的目录结构就是这样的了. 目录/文件 说明 build 这个是我们最终发布的时候会把代码发布在这里,在开发阶段,我们基本不用管. config 配置目录,默认配置没有问题,所以我们也不用管 node_modules 这个目录是存放我们项目开发依赖的一些模块,这里面有很多很多内容,不过高兴的是,我们也不用管 src 我们的开发目录,基本上绝大多数工作都是在这里开展的 static 静态资源 .xxxx文件 这些是一些配置文件,包括语法配置,git配置等.基本不用管,放着就是了 in

Node.js项目目录介绍

新建的项目结构应该是这样 bin:项目的启动文件,也可以放其他脚本. node_modules:用来存放项目的依赖库. public:用来存放静态文件(css,js,img). routes:路由控制器. views:视图目录(相当于MVC中的V). app.js:项目入口及程序启动文件. package.json:包描述文件及开发者信息. -----------------------------------------------其他,自己创建使用----------------------

Django项目目录介绍

一个小问题: 什么是根目录:就是没有路径,只有域名..url(r'^$') 补充一张关于wsgiref模块的图片 一.MTV模型 Django的MTV分别代表: Model(模型):和数据库相关的,负责业务对象与数据库的对象(ORM) Template(模板):放所有的html文件 模板语法:目的是将白变量(数据库的内容)如何巧妙的嵌入到html页面中 View(视图):负责业务逻辑,并在适当的时候调用Model和Template 此外,Django还有一个URL分发器.它的作用是将一个个URL

android项目目录介绍之二

Devices:显示的是连接到Android开发环境的设备,包括模拟器和手机. Android的错误信息和调试信息都在logcat中打印 在Android中,所有资源文件,都会在R.java中生成对应的id,R文件通过静态内部类的形式来管理资源文件,一种类型的资源文件,在R文件中对应一个内部类.R.java中的内容是系统自动生成的,不可以手动更改的.R文件中维护的都是整型变量. 在Android中,文件名不能以数字开头. 在Android所有的资源文件都不能使用中文命名. 在不同的屏幕分辨率下,