vs code安装与phpstudy开发环境配置

vs code安装

---

一、安装vs code

1.下载Visual Studio Code，官方网站https://code.visualstudio.com/;

2.安装vscode，按照默认点击下一步即可安装完成；

3.vscode安装完成后，会自动打开,这个时候显示的是英文界面，如果需要显示中文界面，则需要安装中文插件；

4.下面是我们开发需要的插件，快捷键Ctrl+shift+x，打开插件模板，根据插件名称搜索，点击插件右下角文字“安装”就可以了：

序号	插件名称	用途
Chinese (Simplified) Language Pack for Visual Studio Code	中文简体包	用于主题界面汉化
Auto Close Tag	自动闭合标签	HTML代码标签自动闭合
Auto Rename Tag	自动修改标签	HTML标签自动匹配修改
HTML CSS Support	HTML代码提示器	HTML代码提示器
markdownlint	markdown语言检查器	检测.md文件中，代码是否正确
PHP InteleSense	PHP InteleSense	PHP代码智能感知重构
PHP Intelephense	PHP代码智能分析提示	PHP代码智能分析提示
Prettier - Code formatter	代码格式化工具	排版代码格式
vscode-icons	文件图标	将项目中不同类型的文件或文件夹通过图标区分出来
Live Server	Live Server	创建本地web服务器实时预览

5.点击vscode左上角“文件>>首选项>>设置”，打开设置面板，然后点击面板右上角打开设置(json)图标，进入设置界面，在里面输入php.validate.executablePath：”你的php编译器安装路径，phpStudy是安装在\Extensions\php\php版本\目录下面，如D:/phpstudy_pro/Extensions/php/php5.4.45nts/php.exe（需要注意你项目的php版本，不要弄错)”

一、phpStudy安装与配置

1.下载phpStudy安装程序，点击下一步安装，一直到完成即可；

2.打开phpStudy,点击“网站>>基本配置”选型，在域名中输入，如“front.edu”，端口一般默认80即可，再根据需要选择php版本，然后点击确定，重新启动Apache或者nginx即可；

3.在phpStudy安装目录www/front.edu/目录下，新建一个index.html文件，然后在浏览器通过http://front.edu进行访问，能够正确打开index.html文件即表示配置正确。