首先安装nodejs
选择16版本下载,系统是win下载windows版本,系统是mac的就下载mac版本,下载完成后自行安装nodejs.
设置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