1、VsCode简介
Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。
优点:
VsCode是一款轻量级的编辑器,安装包非常小,启动速度快。同时VsCode最大的优点在于丰富的插件库,你几乎可以在插件库找到你需要的插件。
2、VsCode的下载
想要获取VsCode安装包,无疑是通过网页到官网去下载,VsCode官网地址。另外可以通过百度搜索VsCode就可以找到官网。进入官网后,首页就提供了下载按钮,通过下拉选择,选择适合你的系统,然后点击Download For * 即可下载,最后获得一个安装包。(注:本人操作系统Windows10 2004)具体操作如图2-1所示:
图2-1 VsCode获取步骤图
3、VsCode的安装
获取到安装包后,浏览器中直接点击运行,或者找到安装文件,双击。第一步同意许可,点击下一步。第二步选择安装位置,如果不想默认可以点击浏览选择需要安装的位置。第三步是默认创建的快捷方式,直接下一步。第四步选择其他选项,包括创建桌面快捷方式,关联到可编辑文件等选项。(根据自己需求选择相应选择框。)第五步直接安装即可,然后等待程序安装完成。编辑器安装完成。安装步骤图如3-1所示:
图3-1 VsCode安装步骤图
4、VsCode编辑器界面简介(图4-1)
图4-1 VsCodeUI图
5、VsCode插件安装
前面说过,VsCode的强大之处,就是它所提供的插件。所以插件的获取与安装,是使用编辑器编码的第一步。
5.1、Chinese中文插件
从进群开始,不不不,应该从深入BUG世界开始,都有一个小小的疑问,不会英语对编程有没有影响,你看那些大神满屏幕英文,怕!我在网上看那些老师用的写代码的工具都是英文,看都看不懂。
英文对编程影响是不大滴,各位小伙伴要有信心。编程就像是去吃饭和不吃饭的问题,吃了产生的结果是肚子不饿有力气;不吃产生的结果肚子饿没有力气。扯远了!
使用中文界面好处在于,那些菜单栏一眼就知道什么意思,其实编码过程中那些菜单栏一般很少用到。废话不多说,直接上图5-1安装中文插件。
点击插件库图标,然后输入Chinese,找到simplified(简体中文)然后点击绿色的install小按钮,等待安装完成。
图5-1 Chinese插件安装
5.2、其他需要安装的插件
HTML CSS Support :HTML 和CSS 代码只能提示神器。
Auto Close Tag:自动添加HTML/XML关闭标签,与Visual Studio IDE或Sublime文本相同
Auto Rename Tag:自动重命名成对的HTML/XML标签。举个栗子,你与一对<h1></h1>
标签时,要换为<h3></h3>
标签,没有插件的时候,需要分别将开始标签和结尾标签编写,使用这个插件后,只需要改开始标签。
PHP Intelephense:PHP只能代码提示。
PHP intelliSense:PHP语法检查。
Live Server:启动一个开发本地服务器与动态页面动态重新加载功能。当你编写HTML页面保存时,网页上就会展示你写好的东西。(这个方便的东西,我只有在Vue中见过,实时渲染,非常好耍。)
Code Runner:代码运行工具,支持一大堆语言,如:C、Java、C++、JS,PHP。
Prettier - Code forMatter:代码格式化插件,如果你的代码很乱,那么这个插件可以节省你很多时间。
VsCode-icons:VsCode文件图标插件,这个更好看。
Markdown PreView Enhanced:Markdown文档预览插件,可以在VsCode预览编写完成的Markdown文档。非常直观。
MarkdownLint:Markdown语法检测工具,会自动检测你的语法是否有错,提供报错或警告信息。
5.3、查看已经安装的插件
在插件库中输入@installed即可查看已经安装的插件。
5.4、总结
本章主要讲了VsCode的获取与安装,插件的安装及插件描述,很基本的东西的东西。希望对各位PHP中文网的小伙伴有所帮助。