Vue.js Contributing Guide

vue 2.x

嗨! 我很高兴你有兴趣为Vue.js做贡献。 在提交您的贡献之前,请务必花点时间阅读以下指南。

行为守则

问题报告指南

PR指南

开发设置

项目结构

Issue Reporting Guidelines

总是使用 https://new-issue.vuejs.org/ 来创建新的问题

Pull Request Guidelines

master分支基本上只是最新稳定版本的快照。 所有开发都应该在专门的分支中完成。不要向主分支提交PR。

从相关分支中签出主题分支,例如 dev,并合并回该分支。

在SRC文件夹中工作,不要在提交中签入DIST。

当处理PR时,可以进行多次小型提交 - 我们将让GitHub在合并之前自动压缩它。

确保 npm test 通过。

如果添加新功能:

  添加随同的测试用例。

提供令人信服的理由来添加此功能。 理想情况下,您应首先打开一个建议问题,并在处理之前将其置于绿灯。

如果修复一个bug:

如果要解决一个特定的 issue,请在PR标题中添加(fix#xxx[,#xxx])(#xxxx是问题id)以便获得更好的发布日志,例如 update entities encoding/decoding (fix #3899)。

在PR中提供bug的详细说明。 最好有demo。

如果适用,添加适当的测试范围

Development Setup

你需要 node.js 6 以上版本,和Java运行时环境(在E2E测试期间运行 Selenium server 所需的环境)。

克隆后运行:

$ npm install # or yarn install

Committing Changes  提交更改

提交消息应该遵循提交消息约定,以便能够自动生成更改日志。提交消息将在提交时自动验证。如果您不熟悉提交消息约定,可以使用 npm run commit 代替 git commit,该命令提供了一个交互式CLI,用于生成适当的提交消息。

package.json文件的 scripts 选项中提供了一些其他的可选脚本。

默认测试脚本将执行以下操作:lint with ESLint  - > type check with Flow  - > unit tests with coverage  - > e2e tests。 在提交PR之前,请确保成功通过此通行证。 虽然将在CI服务器上针对您的PR运行相同的测试,但最好让它事先在本地工作。

Project Structure

scripts:包含与构建相关的脚本和配置文件。在大多数情况下,你不需要接触它们。但是,熟悉下列文件会有帮助:

scripts/alias.js: 在所有源代码和测试中使用的模块导入别名。

scripts/config.js: 包含在 dist 文件夹中所有文件的构建配置。 如果想要找出一个dist文件的的入口源文件,请从这个文件查找。

dist: 包含用于分发的构建文件。 请注意,此目录仅在发布时更新; 它们没有反映开发分支的最新变化。

有关dist文件的更多详细信息,请参阅dist / README.md。

flow: 包含Flow的类型声明。这些声明是全局加载的,您将看到它们在普通源代码中的类型注释中使用。

packages: 包含vue-server-renderer和vue-template-compiler,它们作为单独的NPM包分发。 它们是从源代码自动生成的,并且始终与主vue包具有相同的版本。

test: 包含所有测试。 单元测试用Jasmine编写并与Karma一起运行。 e2e测试是为Nightwatch.js编写并运行的。

src: 显然包含源代码。 代码库是使用ES2015编写并用Flow类型注释的。

compiler: 包含 template-to-render-function 编译器的代码。

编译器包括一个解析器(将模板字符串转换为元素AST),一个优化器(检测用于vdom渲染优化的静态树)和一个代码生成器(从元素AST生成渲染函数代码)。 请注意,codegen直接从元素AST生成代码字符串 - 它以较小的代码大小完成,因为在独立构建中,编译器被传送给浏览器。

core:包含通用的,与平台无关的运行时代码。

Vue 2.0核心代码与平台无关 - 这意味着内核中的代码应该能够在任何JavaScript环境中运行,无论是浏览器,Node.js还是本机应用程序中的嵌入式JavaScript运行时。

observer: 包含与响应性系统相关的代码。

vdom:包含与vdom元素创建和修补相关的代码。

instance: 包含Vue实例构造函数和原型方法。

global-api:  顾名思义。

components: 通用抽象组件。 目前只有keep-alive。

server: 包含服务器端渲染的相关代码。

platforms: 包含特定平台的代码。

dist构建的入口文件位于各自的平台目录中。

每个平台模块包含三个部分:编译器,运行时和服务端,对应于上面的三个目录。 每个部分都包含特定于平台的模块/实用程序,然后将其导入并注入特定于平台的核心对应部分的入口文件中。 例如,实现v-bind:class背后的逻辑的代码位于platforms / web / runtime / modules / class.js中 - 它在entries / web-runtime.js中导入,用于创建针对浏览器的vdom修补函数。

sfc: 包含单文件组件(*.vue文件)解析逻辑。这在 vue-template-compiler 包中使用。

shared: 包含在整个代码库中共享的实用程序。

types: 包含TypeScript类型定义

test:类型定义测试

vue.js 贡献指南(翻译)的更多相关文章

  1. 【vue.js权威指南】读书笔记(第一章)

    最近在读新书<vue.js权威指南>,一边读,一边把笔记整理下来,方便自己以后温故知新,也希望能把自己的读书心得分享给大家. [第1章:遇见vue.js] vue.js是什么? vue.j ...

  2. Vue.js 入门指南之“前传”(含sublime text 3 配置)

    题记:关注Vue.js 很久了,但就是没有动手写过一行代码,今天准备入手,却发现自己比菜鸟还菜,于是四方寻找大牛指点,才终于找到了入门的“入门”,就算是“入门指南”的“前传”吧.此文献给跟我一样“白痴 ...

  3. 【vue.js权威指南】读书笔记(第二章)

    [第2章:数据绑定] 何为数据绑定?答曰:数据绑定就是将数据和视图相关联,当数据发生变化的时候,可以自动的来更新视图. 数据绑定的语法主要分为以下几个部分: 文本插值:文本插值可以说是最基本的形式了. ...

  4. Vue.js入门指南(一)

      前  言 JRedu 之前用过一段时间的AnglarJS 1.X,在低版本的AngularJS中,脏值检查在变量增多的情况下会影响程序的响应速度.后期的2.X和更高版本在脏值检查等问题上做了优化, ...

  5. Vue.js 入门指南

    1.Vue.js是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注 ...

  6. vue.js权威指南----代码解释实例

    1:P61(值绑定) <input type="checkbox" v-model="toggle" :true-value="a" ...

  7. vue.js权威指南 PDF

    链接:https://pan.baidu.com/s/1c2ItN6S 密码:ya8r

  8. vue.js入门(3)——组件通信

    5.2 组件通信 尽管子组件可以用this.$parent访问它的父组件及其父链上任意的实例,不过子组件应当避免直接依赖父组件的数据,尽量显式地使用 props 传递数据.另外,在子组件中修改父组件的 ...

  9. vue.js慢速入门(2)

    4.组件使用基础 什么是组件?组件可以理解为可重用的自定义HTML. 可以使用一堆组件来构造大型应用,任意类型的应用界面都可以抽象为一个组件树: 可以把组件代码按照template.style.scr ...

随机推荐

  1. vue3.0搭建项目

    安装node.js 查看版本node -v 安装vue3.0版本之前需要先把vue-cli升级到4.0版本, 如果之前安装过vue-cli需要把2.0相关的卸载之后重新安装,npm uni -g vu ...

  2. 「csp-s模拟测试(9.18)」Set·Read·Race

    昨天考试考得有点迷??? 一看内存限制,T1 64MB T2 16MB 当场懵比......... T1 set 考场打的背包问题和随机化,其实能randA掉,但不小心数组开小了????(长记性!!! ...

  3. NOIP模拟测试24「star way to hevaen·lost my music」

    star way to heaven 题解 大致尝试了一下并查集,记忆化搜索,最小生成树 最小生成树是正解,跑最小生成树然后找到最大的值 欧几里德距离最小生成树学习 prim楞跑 至于为什么跑最小生成 ...

  4. string转char*/char[]

    转char* 主要有三种方法可以将str转换为char*类型,分别是:data(); c_str(); copy(); 1.data() data()仅返回字符串内容,而不含有结束符'\0' std: ...

  5. C# 小知识点记录

    1.当计算数据有小数点时不要使用float和double类型的数据,使用这两个会计算不准确.使用decimal 2.如果使用decimal计算数据,遇到除不进的数据有很多小数点的时候,在计算结果后面接 ...

  6. Reactive Spring实战 -- 响应式MySql交互

    本文与大家探讨Spring中如何实现MySql响应式交互. Spring Data R2DBC项目是Spring提供的数据库响应式编程框架. R2DBC是Reactive Relational Dat ...

  7. mongodb主从复制(读写分离)

    1.[启动主服务器]mongod --port 1111 --dbpath D:\Program Files\Mongodb\master --logpath D:\Program Files\Mon ...

  8. JDBC:MySQL5.x 与 MySQL8.x

    jar包下载地址: https://dev.mysql.com/downloads/connector/j/ 或者 :http://central.maven.org/maven2/mysql/mys ...

  9. 10 shell test命令

    0.test命令的用法 1.与数值比较相关的test选项 2.与字符串判断相关的 test 选项 3.与文件检测相关的test选项 4.与逻辑运算相关的test选项 5.注意点与总结 1.test中变 ...

  10. bugku秋名山车神

    不断的刷新,发现表达式一直在变换,这种必须写脚本,才能跟上速度.直接上代码 import re import requests s=requests.session() r=s.get("h ...