如何运行他人的vue项目?

对于没有接触过前端的小白而言,要运行一个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

发布了79 篇原创文章 · 获赞 36 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/yezi__6/article/details/86506134