一、VSCode下载和安装
下载
1.打开浏览器进入VScode官网:https://code.visualstudio.com/
2.进入网站后点击下载即可
安装
1.直接运行即可(一路下一步)
二、VSCode基本配置(安装扩展插件)
1.作为中国人打开vscode第一件肯定安装Chinese (Simplified) Language
插件(VScode打开后是默认英文)
2.配置html、css、javaScript和php相关插件以及liveserver(浏览器实时刷新插件)Auto Close Tag #自动标签闭合
Auto Rename Tag #自动标签重命名
HTML CSS Support # CSS支持工具
HTML Snippets # HTML小片段工具
IntelliSense for CSS class names # CSS类名工具
JavaScript code snippets
JS-CSS-HTML Formatter #这个慎用,最好不加吧,每次保存自动格式化
jshint #js代码检查工具
MetaGO #类是easymotion ,可以用键盘快速移动的工具
Path Intellisense #路径管理工具
PHP Debug
PHP Extension Pack #PHP扩展包
PHP Intellisense #PHP自动补全工具
PHP Intellisense -Crane #PHP自动补全工具
Project Manager #多个项目之间切换的工具
Typing Installer
vscode-icons #给不同的文件类型添加图标
3.配置PHP文件路径:
用户设置:文件—>首选项—>设置
{"php.validate.executablePath": "D:\\phpstudy_pro\\Extensions\\php\\php7.3.4nts\\php.exe", #根据PHP的路静配置
"php.executablePath": "D:\\phpstudy_pro\\Extensions\\php\\php7.3.4nts\\php.exe",}
4、可以在自定义vscode的主题,在插件搜索themes安装自己喜欢的主题,也可在自定义字体