博主信息
博文 5
粉丝 1
评论 1
访问量 12297
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
Windows下的VsCode编辑器的安装与使用
码龍
原创
1269人浏览过

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所示:
downloadImg
图2-1 VsCode获取步骤图


3、VsCode的安装

  获取到安装包后,浏览器中直接点击运行,或者找到安装文件,双击。第一步同意许可,点击下一步。第二步选择安装位置,如果不想默认可以点击浏览选择需要安装的位置。第三步是默认创建的快捷方式,直接下一步。第四步选择其他选项,包括创建桌面快捷方式,关联到可编辑文件等选项。(根据自己需求选择相应选择框。)第五步直接安装即可,然后等待程序安装完成。编辑器安装完成。安装步骤图如3-1所示:

VsCodeInstall
图3-1 VsCode安装步骤图


4、VsCode编辑器界面简介(图4-1)

VsCodeUI
图4-1 VsCodeUI图


5、VsCode插件安装

  前面说过,VsCode的强大之处,就是它所提供的插件。所以插件的获取与安装,是使用编辑器编码的第一步。

5.1、Chinese中文插件

  从进群开始,不不不,应该从深入BUG世界开始,都有一个小小的疑问,不会英语对编程有没有影响,你看那些大神满屏幕英文,怕!我在网上看那些老师用的写代码的工具都是英文,看都看不懂。
  英文对编程影响是不大滴,各位小伙伴要有信心。编程就像是去吃饭和不吃饭的问题,吃了产生的结果是肚子不饿有力气;不吃产生的结果肚子饿没有力气。扯远了!
  使用中文界面好处在于,那些菜单栏一眼就知道什么意思,其实编码过程中那些菜单栏一般很少用到。废话不多说,直接上图5-1安装中文插件。

  点击插件库图标,然后输入Chinese,找到simplified(简体中文)然后点击绿色的install小按钮,等待安装完成。

ChineseInstall
图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中文网的小伙伴有所帮助。

批改老师:WJWJ

批改状态:合格

老师批语:非常好,很规范!
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
1条评论
码龍 2020-06-12 04:05:20
本博主狗命要紧,睡觉睡觉。
1楼
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

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