vue项目的打开方法

从GitHub上下载了其他人的项目后，要删除node_modules然后在npm install(cnpm install)，执行后在npm run dev(cnpm run dev)。

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

2.我拿到的这个项目在开发环境下通过命令npm run dev来启动的，所以我去package.json文件里找到了scripts配置，其中有设置dev选项，也就是说在运行命令npm run dev时，启动了webpack-dev-server服务，并指定了配置文件webpack.dev.config.js，所以我们接下来就去看webpack.dev.config.js文件。

3.看代码不能从第一行开始看，不然看的时候你无法串起来，看完了也不知道在讲啥。这里我看webpack.dev.config.js文件时先看最后输出了什么模块，然后前面肯定是围绕生成这个模块而写的代码，所以我们直接从模块生成的地方开始。里面的一些配置其实根据属性名就能猜出个大概意思，不懂的可以去查官方文档。我这里publicPath还搞得不是很清楚-_-!

4.找到配置文件webpack.dev.config.js中的入口文件，这里是src目录下的index.js文件，其中引入了一些通用的模块，还有一个重置的样式文件reset.css和一个动态适配移动端的js文件viewPort.js，另外，还创建了一个Vue实例

5.h(App)以App组件为参数，它是引入的App.vue，所以我们去看看App.vue，

6.上面可以看出把挂载到主页面index.html的

7.Index.vue：就是一个普通的首页组件

8.到这我看的这个模块就差不多没了，我想其他的也可以按照这种顺序一步一步来。我再把项目运行起来看下整体效果

本文链接：https://blog.csdn.net/DreamFJ/article/details/82146779

感觉有点渣渣，等等然后自己整理吧。

最后

以上就是呆萌店员为你收集整理的vue项目的打开方法的全部内容，希望文章能够帮你解决vue项目的打开方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。