如何运行他人的vue项目?

本文为Vue项目新手提供了详细的运行步骤,包括安装Node.js、配置淘宝镜像、安装Webpack及Vue-cli,以及如何处理常见错误,确保本地环境正确搭建。

对于没有接触过前端的小白而言,要运行一个vue项目,不知道方法是真的很难运行。作为对vue项目不太熟悉的我,昨天打算运行别人的项目,不知道该如何是好了?尴尬Ing

下面是我总结的,希望对你们有帮助:如过之前vue的环境前四步省略,从第四部开始。。。
1.安装node.js
 Node.js 官方下载页面:https://nodejs.org/en/download/current/
2.安装淘宝镜像

  npm install -g cnpm --registry= https://registry.npm.taobao.org


3.安装(webpack 环境)

  npm install webpack -g


4.安装vue-cli :       npm install -g vue-cli

安装3.0: npm install -g @vue/cli

5.cd 项目名称(请注意先进入文件所在盘)然后再cd +名称
6.安装依赖包,安装成功后:   npm run dev
7.自动启动浏览器就会打开了。

 

说好的npm run  dev可以直接打开呢?啊~~~报错报错如下

"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件"报错

解决办法:删除node_modules”文件夹,然后:

1. 在项目目录下: npm install;(没有找到node_modules文件夹时,直接npm install)

2. npm run build;

3. npm run dev 成功后等几秒自动打开了localhost

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值