可按Ctrl+D收藏 蚂蚁资源网

蚂蚁资源网

vscode下载与安装和vscode常用插件安装配置图文教程

  • 时间:2021-04-15 10:18 编辑:四火 来源:蚂蚁资源 阅读:3575
  • 扫一扫,手机访问
摘要:vscode下载与安装和vscode常用插件安装配置图文教程,包括了PHP、JavaScript、html、css、vue、markdown、主题图标等其它辅助插件,快速掌握vscode使用技巧。

vscode下载与安装


第一步

在vscode官网下载合适的vscode版本,我这里使用的是64位的windows版本;

1.png

第二步


下载完成后,找到文件包,点击安装;

2.png


第三步

跟着提示安装;

3.png


第四步

安装完成。

4.png


vscode常用插件安装配置


1.简体中文语言包 (Chinese Language Pack)

5.png


2.主题或图标

(1)One Dark Pro 教学中常用的主题;

(2)Material Theme 最流行的主题之一(素材主题);

(3)Material Theme Icons 与Material主题配套的图标主题;


3.MarkDown

(1)Markdown Preview Enhanced  实时预览增强版;

(2)markdownlint markdown语法检查器;


4.HTML

(1)Auto Close Tag  标签自动关闭;

(2)HTML Snippets  HTML5代码片断;

(3)indent-rainbow 以不同颜色高亮显示代码缩进;

(4)Live Server 实时预览html;

(5)Auto Rename Tag 标签自动更名;

(6)Bracket Pair Colorizer 以不同颜色标配对的括号;


5.CSS

(1)intelliSense for CSS class names in HTML CSS自动感知HTML中类名;

(2)CSS Peek 查看并跳转到css定义;

(3)HTML CSS Support css智能感知补齐;


6.JavaScript

(1)JavaScript(ES6) code snippets  ES6代码片断;

(2)ESLint 代码质量检查器;


7.VUE

(1)Vetur 语法高亮、智能感知、Emmet等;

(2)Vue 3 Snippets Vue3常用代码片断;

(3)Vue-helper 在扩展中使用Vue提示如Elment-UI;


8.PHP

(1)PHP DocBlocker php块级注释;

(2)PHP Intelephense PHP语法提示自动补全;

(3)PHP IntelliSense PHP代码跟踪,重构与自动完成;

(4)PHP Debug PHP代码调试器;


9.辅助插件

(1)Path Intellisense 路径智能感知提示器;

(2)Prettier-Code formatter 代码自动格式化;


10.其它插件

(1)REST Client REST HTTP请求测试


以上就是vscode下载与安装和vscode常用插件安装配置图文教程的全部内容,需要帮助请联系客服。

  • 全部评论(0)
最新发布的资讯信息
【简历/资料|内地女明星】 殷茹基本资料( YR个人简历介绍)(2020-12-06 15:19)
【简历/资料|内地女明星】 曹菁基本资料( CJ个人简历介绍)(2020-12-06 15:18)
【简历/资料|内地女明星】 王安妮基本资料( WAN个人简历介绍)(2020-12-06 15:18)
【简历/资料|内地女明星】 白琼基本资料( BQ个人简历介绍)(2020-12-06 15:17)
【简历/资料|内地女明星】 王世霞基本资料( WSX个人简历介绍)(2020-12-06 15:17)
【简历/资料|内地女明星】 宋煜基本资料( SY个人简历介绍)(2020-12-06 15:16)
【简历/资料|内地女明星】 钱增基本资料( QZ个人简历介绍)(2020-12-06 15:16)
【简历/资料|内地女明星】 胡晓黎基本资料( HXL个人简历介绍)(2020-12-06 15:15)
【简历/资料|内地女明星】 李佳慧基本资料( LJH个人简历介绍)(2020-12-06 15:15)
【简历/资料|内地女明星】 张洛嘉基本资料( ZLJ个人简历介绍)(2020-12-06 15:14)
联系客服
网站客服 联系客服
手机版

扫一扫进手机版
返回顶部