Vue项目
- 用命令行运行Vue项目的根目录,输入以下命令行进行项目打包
npm run build
- 当命令行出现绿色的
done
就证明打包成功
- 打包成功后,可以看到项目里面多了一个
dist
文件夹,这个文件夹就是模拟上线的目标文件夹
phpstudy
-
打开其他选项菜单
-
点击站点域名管理
-
在站点管理上,网站域自定义名字。网站目打开需要部署的项目的dist文件夹,网络端一般填80,然后按新增,等左边有了相应的信息后点击保存设置并生成配置文件
-
回到首页后,点击其他选项菜单,点击打开host
写入最后一句,保存
127.0.0.1(本地) 123.com
-
启动phpstudy