如何运行Vue源码

如何运行Vue源码 1.下载源码

从git中找到vue源码，把repo链接复制，使用【 git clone 链接 】命令将vue源码下载到本地。

2.可以看到以下目录

每次看vue项目时，我们首先要看下package.json文件，我运行的是vue 2.6.10版本

3.先用【npm install】

先使用【npm install】命令将所需要的node包安装，npm的全称是node package manager

4.使用 【npm run dev】

再使用【npm run dev】的命令时，报了如下的错误

解决方法是找到 \node_modules\rollup-plugin-alias\dist\rollup-plugin-alias.js

 resolveId(importee, importer) {

            const importeeId = normalizeId(importee);

            const importerId = normalizeId(importer);

            // First match is supposed to be the correct one

            const toReplace = aliasKeys.find(key => matches(key, importeeId));

            if (!toReplace || !importerId) {

                return null;

            }

           // const entry = options[toReplace];

            const entry = normalizeId(options[toReplace]);//改成这句

            let updatedId = normalizeId(importeeId.replace(toReplace, entry));

除了修改以上这行代码，还需要修改以下，添加--sourcemap， 用于生成.map文件

改完，保存后，再次【npm install dev】， 将在dist目录下生成vue.js和vue.js.map两个文件