- 下载并安装 PHPStudy https://www.phpstudy.net/
- 安装 Nginx、MySQL 和 PHP
- 安装 Node.js https://nodejs.org/en/
- 通过终端执行以下命令安装 Vue CLI:
npm install -g @vue/cli创建 Vue.js 项目
- 打开终端,导航到 PHPStudy 的网站根目录(通常是 C:\phpStudy\WWW)
- 执行以下命令创建 Vue.js 项目:
vue create my-vue-project配置 PHPStudy
- 打开 PHPStudy 控制面板
- 导航到 "网站" 选项卡
- 创建一个名为 "my-vue-project" 的新网站,并将其文档根目录指向 Vue.js 项目文件夹(C:\phpStudy\WWW\my-vue-project)
- 在 "虚拟主机" 下,将此网站的 "类型" 设置为 "Nginx"
- 打开终端,导航到 Vue.js 项目文件夹(C:\phpStudy\WWW\my-vue-project)
- 执行以下命令运行项目:
npm run serve访问项目
在浏览器中输入以下网址来访问项目:
http://localhost/my-vue-project
您现在应该可以看到正在运行的 Vue.js 项目。
以上就是vue如何使用phpstudy的详细内容,更多请关注知识资源分享宝库其它相关文章!
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。