看懂html文件,如何看懂vue.js项目？

如何看懂vue.js项目？

1、先看配置文件package.json

里面定义了这个项目所需要的各个模块，以及项目的配置信息。scripts指定了运行脚本命令的npm命令行缩写，比如dev指定了运行npm run dev时所要执行的命令。

2、再看配置文件webpack.dev.config.js

例如项目时运行npm run dev来启动的，就是说在运行命令npm run dev时，启动了webpack-dev-server服务，并指定了配置文件webpack.dev.config.js，所以我们接下来就去看webpack.dev.config.js文件。"scripts": {

"dev": "npm run clean && cross-env NODE_ENV=development webpack-dev-server

--config ./config/webpack.dev.config.js"

}

3、先看导出模块，再看代码

看代码不能从第一行开始看，不然看的时候你无法串起来，看完了也不知道在讲啥。这里看webpack.dev.config.js文件时先看最后输出了什么模块，然后前面肯定是围绕生成这个模块而写的代码，所以我们直接从模块生成的地方开始。

本文来自Vue.js答疑栏目，欢迎学习！