• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

如何看懂vue.js项目?

vue 搞代码 4年前 (2021-12-26) 16次浏览 已收录 0个评论

如何看懂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文件时先看最后输出了什么模块,然后前面肯定是围绕生成这个模块而写的代码,所以我们直接从模块生成的地来源gao($daima.com搞@代@#码网方开始。

本文来自Vue.js答疑栏目,欢迎学习!

以上就是如何看懂vue.js项目?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:如何看懂vue.js项目?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址