vue 起步 - 从第一个commit开始

Description

• vue learning
• mock vue
• track vue commit
• git repository 欢迎一起学习

跟随作者的脚步，从第一个commit开始

• 注：下文中commit[xxx]书写方式中，这里xxx是commit的tag
• 很遗憾， 第一个commit[83fac017f]只是建了几个文件
• 第二个提交吧。作者的第二个commit就是简单的做一个demo，实现了最核心的数据绑定。用的是 object.defineproperty。 这就是大神开始的地方。
• 第三个commit[a5e27b117]， 傻逼了， 作者用的grunt编译。 还有在跟踪commit的时候手动找很麻烦。 解法如下：

准备工作

vue seed.js build

• new webpack.config.js of vue/dist. this file will ignore by git
• webpack --config dist/webpack.config.js --watch

const path = require('path');
const webpack = require('webpack')

const webpackConfig = {
  entry: {
    app: './src/main.js',
  },
  devtool: '#inline-source-map',
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules)/,
      },
    ]
  },
  output: {
    filename: 'seed.js',
    path: path.resolve(__dirname),
    publicPath: '/',
    libraryTarget: "umd",
    library: "Seed"
  },
  plugins: []
};

module.exports = webpackConfig

git command

• 追踪提交
  • ➜ vue git:(314983973) ✗ copy current commit tag[314983973]
  • ➜ vue git:(314983973) ✗ git log --graph --oneline --all
  • /314983973 search current commit.
  • click up button on keyboard to move terminal text up
  • ➜ vue git:(314983973) ✗ gco 23a2bde88 copy next commit tag
• 代码比较
  • git difftool -t vimdiff -y HEAD~1