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

1.安装包

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

npm install

2.运行

在打开package.json文件,查看“start”值是什么,将其输入到cmd中
在这里插入图片描述
在这里插入图片描述
运行完之后,如果出现图片中的情况,说明运行成功。
在这里插入图片描述在本地浏览器中输入cmd给出的链接“http://localhost:8080”即可查看

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

(1)Vue packages version mismatch:

在运行完之后,报错如下
在这里插入图片描述
出现问题的原因应该是版本不匹配
解决办法:
先卸载vue-template-compiler,再装匹配的版本

npm uninstall vue-template-compiler
npm install vue-template-compiler@2.5.2
(2)Module build failed: Error: No PostCSS Config found in

在这里插入图片描述
解决办法:在根目录下新建文件postcss.config.js,在其中添加如下代码:

module.exports = {
    plugins: {
        'autoprefixer': { browsers: 'last 5 version' }
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值