拿到已开发好的Vue前端代码如何在本地运行？

1.安装包

package.json文件中已经记录了项目所用的所有依赖及其版本，所以打开cmd，定位到项目的根目录，运行如下代码即可：

npm install
1

2.运行

在打开package.json文件，查看“start”值是什么，将其输入到cmd中


运行完之后，如果出现图片中的情况，说明运行成功。
在本地浏览器中输入cmd给出的链接“http://localhost:8080”即可查看

3.以下给出容易出问题的情况以及解决办法

（1）Vue packages version mismatch:

在运行完之后，报错如下

出现问题的原因应该是版本不匹配
解决办法：
先卸载vue-template-compiler，再装匹配的版本

npm uninstall vue-template-compiler
1

npm install vue-template-compiler@2.5.2
1

（2）Module build failed: Error: No PostCSS Config found in

解决办法：在根目录下新建文件postcss.config.js，在其中添加如下代码：

module.exports = {
    plugins: {
        'autoprefixer': { browsers: 'last 5 version' }
    }
}
1
2
3
4
5