美文网首页
认识vue项目目录结构

认识vue项目目录结构

作者: 追风筝的一朵云 | 来源:发表于2019-11-19 14:44 被阅读0次

当完成了vue项目的创建之后,就可以看到项目的目录结构了。如图所示

项目目录

build:项目构建webpack(打包器)相关代码

config:配置目录,包括端口号等

node_modules :项目依赖

src:主要代码开发目录

        >assets 静态文件(img、css、js) 

        >components  小组件

        >App.vue  根组件

        >main.js 主脚本文件

       >router:Vue路由文件目录, 在router/index.js中可以定义不同url访问

static:静态资源目录,如图片,字体,图标

test:测试目录

index.html:首页入口文件

package.json:项目配置文件

README.md:项目的说明文档

相关文章

  • 认识vue项目目录结构

    当完成了vue项目的创建之后,就可以看到项目的目录结构了。如图所示 build:项目构建webpack(打包器)相...

  • vue项目目录结构及解释

    vue项目目录结构及解释

  • Vue项目 重点

    Vue项目 重点 01 vue-cli创建项目结构 来到项目所希望的目录 -》打开cmd vue init we...

  • Vue ERROR Failed to compile with

    Vue 项目中,引用vue组件,该组件是发布成npm包引入的,组件的目录结构和项目的目录结构相似。报错因素 组件中...

  • Vue项目目录结构

    1.vue项目目录结构: 2.vue组件说明: 3.vue组件引用路径的问题

  • 2020-09-25

    推荐-Vue项目目录结构 目录结构保持一致,使得多人合作容易理解与管理,提高工作效率。Vue标准项目 #简要说明 ...

  • mpVue 小程序开发笔记

    新建项目需要安装命令行工具vue-cli 目录结构 目录结构dist/:项目编译后文件src/:mpVue代码 添...

  • Vue项目目录结构解析

    2020-07-28 Vue项目目录结构解析 build 项目构建(webpack)相关...

  • vue 目录结构

    ##vue项目目录结构 -- buildConfig //构建脚本 site -- default.js -...

  • vue-cli4封装组件并发布到npm

    第一步:创建vue项目vue create myproject第二步:调整项目结构将原来的项目目录按下图结构重新设...

网友评论

      本文标题:认识vue项目目录结构

      本文链接:https://www.haomeiwen.com/subject/gkewictx.html