怎么运行vue项目

蜗牛 互联网技术资讯 2022-06-06 39 0

本篇内容主要讲解“怎么运行vue项目”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么运行vue项目”吧!

    一、运行vue项目

    1、下载node.js

    安装完成后分别在cmd中执行node -v查看是否安装成功,出现版本号就安装成功了

    怎么运行vue项目  vue 第1张

    2、安装 webpack

    npm install webpack -g

    安装完成后分别在cmd中执行npm -v查看是否安装成功,出现版本号就安装成功了

    怎么运行vue项目  vue 第2张

    3、安装vue-cli脚手架

    cnpm install vue-cli -g

    安装完成后查看vue-cli脚手架 版本确定是否安装成功,出现版本号就安装成功了

    vue -V

    4、使用vue-cli创建项目

    首先创建一个文件夹,cmd 进入到该项目里,输入以下命令

    vue create hello-world

    注:hello-word是文件夹名字可以改

    5、运行项目

    输入以下命令来运行项目

    cd hello-world
    npm run serve

    怎么运行vue项目  vue 第3张

    出现以上页面,说明项目运行成功了。

    二、运行别人的项目

    1、删除package-lock.json文件

    package-lock.json记录了整个node_moudles文件夹的树状结构,还记录了模块的下载地址,但是它是基于项目作者的npm版本库生成的,若不删掉这个依赖文件,容易出现npm版本差异导致的报错。

    2、切换项目目录

    然后打开cmd,cd到项目目录,具体操作:先输入该盘符,然后再用cd命令切换目录。

    3、清除npm缓存

    npm有缓存时,常常出现安装依赖不成功的现象,且一旦出现这个问题,报错信息很完善,但根据报错信息一项一项去解决,却死活解决不了,还找不出原因。

    npm clean cache -f

    4、重新安装依赖。

    npm install

    怎么运行vue项目  vue 第4张

    5、最后运行项目。

    npm run serve

    到此,相信大家对“怎么运行vue项目”有了更深的了解,不妨来实际操作一番吧!这里是蜗牛博客网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

    免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

    评论