本文编辑时,vue的为 v2.6.0-beta.1
下载源代码:
vue代码托管在github 地址为:https://github.com/vuejs
本文使用的vue 版本的压缩包:链接:https://pan.baidu.com/s/1MRo9_EyPfvI8gobxGtiegQ 提取码:gz8v
目录文件解析
源码目录如下,这里仅解析重要目录
先编译通过,再扯淡
第一步:安装模块依赖
这里强烈推荐使用淘宝镜像进行包下载安装,npm 确实会比较慢,因为网络原因,一下模块总是会下载失败。
如果没有安装淘宝镜像安装命令如下:具体见:http://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org
首先进入package.json的目录(模块依赖是根据该文件描述下载安装的),然后执行安装命令
npm install
或者
cnpm install
注:如果报错,将模块目录(node_modules)删除重新进行安装,我是使用cnpm安装才成功的。
第二步:运行编辑命令
命令如下:
npm run-script build
应该不会报错,如果报错是模块错误的话,建议删除模块重新安装,模块中有个chromium的模块很大,130多兆。
编辑完成,下面是一些vue源码相关的配置和目录解析。
解析这些目录之前我们先看一个组要的声明配置文件,package.json 具体详解见 :https://blog.csdn.net/qq_26462567/article/details/82931592 (这篇是我写的比较简陋)
http://javascript.ruanyifeng.com/nodejs/packagejson.html这篇算是比较全面的,
这篇是官方的文档http://caibaojian.com/npm/files/package.json.html
解析部分package.json , 可以对vue目录有个大体的理解目的就达到了
"files": [
"src",
"dist/*.js",
"types/*.d.ts"
],
这里的files字段声明了编译时的依赖项目录或文件,描述可能不太贴切(The optional "files" field is an array of file patterns that describes the entries to be included when your package is installed as a dependency.这是官方的 )
1)vue的源码文件在src目录下,编译生成的文件在dist目录下
2)vue已经开始使用typescript进行编译了(部分使用,至少当前版本还在使用flow,感觉将来的版本,会将typescript替换掉flow)。
"build": "node scripts/build.js",
"build:ssr": "npm run build -- web-runtime-cjs,web-server-renderer",
"build:weex": "npm run build -- weex",
这里时编辑命令:编辑命令的入口文件为build.js
vue源码编辑的命令为
npm run-script build