本篇内容主要讲解“怎么运行vue项目”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么运行vue项目”吧!
安装完成后分别在cmd中执行node -v查看是否安装成功,出现版本号就安装成功了
npm install webpack -g
安装完成后分别在cmd中执行npm -v查看是否安装成功,出现版本号就安装成功了
cnpm install vue-cli -g
安装完成后查看vue-cli脚手架 版本确定是否安装成功,出现版本号就安装成功了
vue -V
首先创建一个文件夹,cmd 进入到该项目里,输入以下命令
vue create hello-world
注:hello-word是文件夹名字可以改
输入以下命令来运行项目
cd hello-world
npm run serve
出现以上页面,说明项目运行成功了。
package-lock.json记录了整个node_moudles文件夹的树状结构,还记录了模块的下载地址,但是它是基于项目作者的npm版本库生成的,若不删掉这个依赖文件,容易出现npm版本差异导致的报错。
然后打开cmd,cd到项目目录,具体操作:先输入该盘符,然后再用cd命令切换目录。
npm有缓存时,常常出现安装依赖不成功的现象,且一旦出现这个问题,报错信息很完善,但根据报错信息一项一项去解决,却死活解决不了,还找不出原因。
npm clean cache -f
4、重新安装依赖。
npm install
5、最后运行项目。
npm run serve
到此,相信大家对“怎么运行vue项目”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。