专栏首页柠檬先生Vue 源码分析—— 目录结构

Vue 源码分析—— 目录结构

Vue.js 的源码都是在src 目录下,其目录结构如下。

 1.compiler 目录包含Vue.js 所有编译相关的代码。它包括把所有模板解析成ast 语法树, ast 语法树优化等功能。

 2.core 目录 包含了Vue.js 的核心代码,包括内置组件,全局API封装,Vue 实例化,观察者,虚拟DOM, 工具函数等等。

 3.platform Vue.js 是一个跨平台的MVVM 框架,它可以跑在web上,可以跑在weex 跑在,native客户端上,platform 是Vue.js 的入口,2 个目录代表2主要入口,

  分别打包成运行在web 上和weex 上的Vue.js

   4.server  Vue.js 2.0 支持了服务端渲染,所有服务端渲染相关的逻辑都在这个目录下,注意,这部部分代码是跑在服务端的Node.js, 不要和跑

  在浏览器端的Vue.js 混为一谈。

   5.sfc  通常我们开发 Vue.js 都会借助 webpack 构建,然后通过.vue 单文件来编写组件。

   6. shared  Vue.js 会定义歇一下工具方法,这里定义的工具方法都是会陪浏览器端的Vue.js 和 服务端的Vue.js 所共享的。

本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!
本文分享自作者个人站点/博客:https://www.cnblogs.com/nmxs复制
如有侵权,请联系 cloudcommunity@tencent.com 删除。
登录 后参与评论
0 条评论

相关文章

  • freeRTOS源码目录结构分析

    自从恩智浦合并飞思卡尔后,新推出的SDK将不在支持MQX实时操作系统,主要支持freeRTOS,freeRTOS是开源的免费操作系统,使用的人非常多,据网...

    用户1605515
  • Vue 目录结构

    使用 npm 安装项目,我们在 IDE(Eclipse、Atom等) 中打开该目录,结构如下所示:

    Li_XiaoJin
  • 「WebRTC」最新 WebRTC 源码目录结构分析

    最近一直在研究 WebRTC源码,发现目前网上分析WebRTC源码的资料非常少。随着Google不断推进WebRTC标准,WebRTC 代码的变化非常大,很多以...

    音视频_李超
  • Vue3.0源码结构分析

    “关注 前端开发社区 ,回复“ 1” 即可加入 前端技术交流群,回复 “ 2” 即可免费领取500G前端干货!

    前端老道
  • Vue3.0源码结构分析

    首先我们对vue的源码结构进行说明,搞懂每个文件夹里面代表啥,这样才能有针对性的去分析,学习。

    前端老道
  • 深入vue - 源码目录及构建过程分析

     公众号原文链接:深入vue - 源码目录及构建过程分析    喜欢本文可以扫描下方二维码关注我的公众号 「前端小苑」

    用户1741436
  • PHP源码目录结构

    根目录: / 这个目录包含的东西比较多,主要包含一些说明文件以及设计方案。 其实项目中的这些README文件是非常值得阅读的例如: /README.PHP4-...

    joshua317
  • Vue.js 目录结构

    npm 安装项目,我们在 IDE(Eclipse、Atom等) 中打开该目录,结构如下所示:

    陈不成i
  • Vue3 目录结构

    上一章节中我们使用了 npm 安装项目(Vue-cli 和 Vite),我们在 IDE(Vscode、Atom等) 中打开该目录,结构如下所示:

    陈不成i
  • Vue-cli 目录结构

    hedeqiang
  • mysql目录结构与源码

    兮动人
  • Android 源码目录结构详解

    这是Android2.1的源代码的目录结构,可以帮助我们研究Android的源代码。Android源代码的下载请参考官网

    飞雪无情
  • 14. vue源码入口+项目结构分析

    这就是重点了。 我们npm run build、npm run dev都是执行这里面的命令。 他告诉我们当执行build的时候是在执行那个文件。

    用户7798898
  • mysql目录结构与源码

    兮动人
  • Vue.js项目目录结构

    folder/flie 说明 bulid 最终生成代码存放位置。 config 配置目录,存放配置文件。index.js中存放了环境和端口等配置...

    Steve Wang
  • pytest源码目录概要分析

    在python安装目录的lib/site-packges下,分为pytest.py 和_pytest目录

    苦叶子
  • gorm源码1 目录分析

    主要文件是callback main scope search field dialect(.go)这几个文件

    平凡的学生族
  • Selenium Webdriver 3.X源码分析之核心目录结构

    在看Selenium 3.X核心目录结构前,我们先看一个基础的Selenium使用实例

    苦叶子

扫码关注腾讯云开发者

领取腾讯云代金券