博主信息
博文 8
粉丝 0
评论 0
访问量 7825
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
代码编辑器与PHPSTUDY的安装与配置过程(前端第一课)
不加糖的浓咖啡
原创
1072人浏览过

前端第一课:编辑器与PHPSTUDY的安装与配置过程


编辑器安装过程

1.Visual Studio Code 官网下载软件,解压下载文件,打开安装程序安装至你的计算机。

2.安装“Chinese(Simplified)Language Pack for Visual Studio Code” 插件,并重启vscode软件,将软件语言转换成中文。

3.安装常用插件

类型 名称 功能
通用 Chinese Language… 中文语言包
vscode-icons 最受欢迎的文件图标
Prettier-Code formatter 通用的代码格式化工具
前端 HTML CSS Support HTML\CSS代码提示神器
Auto Clag Close HTML标签自动闭合
Auto Rename Tag HTML标签自动更名
PHP PHP Intelephense PHP代码智能分析
PHP Intellisense PHP代码智能感知与重构
MarkDown MarkDownlint MarkDown语言检查器
执行 Live Sever 创建本地服务器实时预览

4.配置PHP运行环境

  • phpstudy环境配置好后,再配置编辑器的PHP运行路径。
  • 点击“文件——首选项——设置”,打开设置界面,在界面右上角找到“打开设置(json)”按钮,点击打开配置文件
  • 在文件中代码”window.zoomLevel”: 0,后面添加代码”php.validate.executablePath”: “F:/phpstudy/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe”(你的php.exe安装路径,一般在phpstudy环境中的\Extensions\php\php7.3.4nts\php.exe),路径也可从phpstudy中的网站栏目找到你创建的网站,单击“管理”按钮,找到“打开根目录”选项,找到“php.exe”文件,右击,查看它的文件路径。
  • 如不知道如何配置,去vscode官网doc栏目下,选择语言“php”进行查找。

5.资源管理器
找到你的网站根目录,单击编辑器左上角的资源管理器,单击“打开文件”,配置你的文件目录,并创建第一个文件夹,第一个文件。

6.单击“文件——首选项——颜色主题”,更换你喜欢的编辑器主题。


phpstudy安装过程


1.进入“https://www.xp.cn” 下载PhpStudy客户端,解压文件,安装至你的计算机。
2.启动PhpStudy
3.在套件下边启动你需要的环境软件。Apache服务器或Nginx服务器,启动Mysql软件。
4.创建本地站点

  • 单击“网站”栏目,单击“创建网站”,在弹出的窗口选择“基本配置”。分别填写你的域名(如front.edu)、软件会自动根据域名生成你的网站目录,目录名可更改,后期你的网页每一个文件都放在这个目录下。第二域名可填可不填。
  • 选择php版本,默认就可
  • 填写完成后单击“确认”按钮,然后去站点列表,单击“管理——打开网站”,浏览进入站点创建成功提示页面,你的站点就创建成功了。

批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:新人第一课, 不错,写得非常认真, 有图有文,继续
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学