【Vue】项目目录说明

微信订阅号:Rabbit_svip



首先通过【Vue-cli 3.x】创建vue项目 创建一个Vue项目。

微信订阅号:Rabbit_svip

以上是项目的目录结构

如果资源管理器中打开,会看到一个隐藏文件

微信订阅号:Rabbit_svip




目录说明

  • .git:方便开发者把项目传到远端仓库。

  • node_modules:项目所有依赖的包文件,比如vue-router、vuex等插件都会下载到这个文件夹里面

  • public:本地服务器的文件夹(其实是访问里面的index.html)

    • favicon.ico:项目的图标
    • index.html:首页
  • src:工作目录(主要写代码的地方)

    • assets:放入静态资源(图片、css)
    • components:组件的存放位置
    • App.vue:根组件
    • main.js:项目的全局配置
  • .gitignore:不需要上传到git仓库中的文件配置

  • babel.config.js:有关babel的配置(比如es6转es5等相关配置)

  • package.json:项目的基本配置说明

  • package-lock.json:安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致

  • README.md:项目说明文件(开发者书写自己项目的说明)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,256评论 0 2
  • babel官网 babel 介绍 Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel ...
    锋享前端阅读 1,935评论 0 10
  • vue-cli3项目搭建配置以及性能优化 在之前的开发中主要用的是vue-cli2,最近空闲时间比较多,接下来有新...
    bayi_lzp阅读 19,562评论 16 68
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,452评论 4 31
  • 真教育——腊八前夕路上随想 全社会对教育的关注可以说是空前的,社会各界有识之士投身于教育行业,各种的尝试、思...
    富贵w阅读 1,041评论 1 4

友情链接更多精彩内容