博客列表 >Visual Studio Code和PHPstudy的详细安装与配置内容

Visual Studio Code和PHPstudy的详细安装与配置内容

BigPig
BigPig原创
2020年06月11日 18:10:552136浏览

Visual Studio Code下载


Visual Studio Code下载地址:https://code.visualstudio.com/

Download
下载会自动判断你所用的系统,如果不对点击右边的下拉菜单选择自己的系统

下载以后按照安装提示步骤进行安装。

安装完毕后打开Visual Studio Code

在右边找到

点击搜索框搜索并下载以下插件
(建议第一个下载Chinese汉化包,在搜索框中搜索Chinese)

  • 插件下载
    • Auto Close Tag(自动闭合标签结尾)
    • Auto Rename Tag(自动重命名标签)
    • Chinese (Simplified) Languag…(中文语言包)
    • HTML CSS Support(Html Css支持)
    • Markdown Preview Enhanced(Markdown预览窗口优化)
    • markdownlint(markdownlint标记和样式检查)
    • PHP Intelephense(PHP代码提示工具等强大功能)
    • PHP IntelliSense(PHP智能感知)
    • vscode-icons(文件图标美化)

phpstudy下载以及配置


PHPstudy下载地址:https://code.visualstudio.com/

按照自己的操作系统下载,下载完毕后按照安装指示一步一步安装。

安装完毕后打开PHPstudy进入首页


开启套件中的Apache和MySQL(注意!Apache和Nginx只能同时开启一个)

开始配置站点文件
1.点击右边网站
2.右边白色背景界面找到创建网站并且点击
3.域名设置为:front.edu(front是前端的意思,edu是教学的意思)
4.根目录会根据域名来创定名字,无需更改
5.点击确认。

站点配置完毕后会出现一个编号为2,网站域名是front.edu的站点,点击管理后会出现一个菜单栏。

在菜单栏中找到打开网站,如出现一下页面代表站点创建成功

站点创建成功以后打开找到phpstudy,点击网站 选择管理,找到菜单栏中最后一个根目录,点击查看文件路径。而后去Visual Studio Code,点击右上角文件夹,在菜单栏中选择打开文件夹,去寻找到PHPstudy中的站点目录点击确定即可。

以上步骤全部完成以后到了最后一步,在Visual Studio Code中配置PHP环境,步骤如下:
1.到Visual Studio Code官网中点击顶部菜单栏中的Docs,而后点击右边导航条的LANGUAGES,找到PHP,将网页下拉到这里选择相对应的系统复制。

2.打开Visual Studio Code,点击右上角文件,选择首选项点击设置。

3.来到此页面按照图中所示点击相应按钮

4.点击按钮后进入此页面将在Visual Studio Code官网中所复制的路径粘贴到”workbench.colorTheme”: “Solarized Light”的下面,两句语句用,隔开。

5.将下图中双引号的路径更改问PHPstudy中php.exe的路径。路径可以使用文件夹搜索或者用PHPstudy文件夹里寻找。

以上就是Visual Studio Code和PHPstudy的详细安装与配置内容

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议