vscode中打开项目
npm run dev
系统会自动打包到dist目录下的JS文件
然后新建一个命令行窗口
npm run serve
运行后浏览器会自动打开调试页面
手动打开地址
此时项目已经可以在浏览器打开,但仍然不支持热更新
打开package.json,在scripts中build后加--watch
"build": "webpack --env.NODE_ENV=common --watch",
新建命令行窗口,再运行
npm run build
此时还是无法实现热更新,但是已经实现了刷新更新
想要更进一步实现热更新,需要在浏览器预览界面地址栏加上
webpack-dev-server
(未实现/不稳定)
通过npm run build 和 npm run serve即可实现基本的开发预览