vue项目如何调试运行以及编译打包

vue yekong

首先安装nodejs

nodejs下载地址

选择16版本下载,系统是win下载windows版本,系统是mac的就下载mac版本,下载完成后自行安装nodejs.

选择16版本下载

设置npm源

将项目文件夹拖入到webstorm中,打开终端,设置npm源为国内的源,这里我们设置的是淘宝源,相比于npm默认的源,国内的源安装依赖会很快。

npm config set registry https://registry.npmmirror.com

安装依赖

npm i

调试开发

npm run dev

依赖安装完成后,执行上面的调试代码,正常情况下会出现类似下面的地址,可以直接进行访问。

调试开发

编译打包

npm run build

编译打包

执行编译打包后,项目根目录会出现一个dist目录,这就是我们打包后的网页了,可以直接放在web服务器上,进行访问了。

dist本地部署访问

如果我们想在本地电脑上部署我们编译后的文件,可以访问 如何在本地打开vue打包后的项目dist

项目依赖安装视频下载

相关文件下载地址
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
vue项目如何调试运行以及编译打包