ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vxCode使用教程

2020-11-09 13:35:18  阅读:494  来源: 互联网

标签:教程 智能 提示 标签 vxCode VSCode HTML 使用 Snippets


1.VSCode下载

VSCode下载链接: https://code.visualstudio.com/

2.VSCode汉化

 

 

 

3.VSCode常用插件(安装步骤同汉化)

3.1 Auto Close Tag (自动闭合HTML/XML标签)

在这里插入图片描述

3.2 Auto Rename Tag (自动完成另一侧标签的同步修改)

在这里插入图片描述

3.3 Beautify (格式化 html ,js,css)

在这里插入图片描述

3.4 Bracket Pair Colorizer(给括号加上不同的颜色,便于区分不同的区块)

在这里插入图片描述

3.5 Debugger for Chrome(映射vscode上的断点到chrome上,方便调试)

在这里插入图片描述

3.6 ESLint(js语法纠错,可以自定义配置)

在这里插入图片描述

3.7 GitLens(方便查看git日志)

在这里插入图片描述

3.8 HTML CSS Support (智能提示CSS类名以及id)

在这里插入图片描述

3.9 HTML Snippets(智能提示HTML标签,以及标签含义)

在这里插入图片描述

3.10 JavaScript(ES6) code snippets(ES6语法智能提示,以及快速输入)

在这里插入图片描述

3.11 jQuery Code Snippets(jQuery代码智能提示)

在这里插入图片描述

3.12 Markdown Preview Enhanced(实时预览markdown)

在这里插入图片描述

3.13 markdownlint(markdown语法纠错)

在这里插入图片描述

3.14 Material Icon Theme(vscode图标主题)

在这里插入图片描述

3.15 Icon fonts(图标字体)

在这里插入图片描述

3.16 open in browser(右键快速在浏览器中打开html文件)

在这里插入图片描述

3.17 Path Intellisense(自动提示文件路径)

在这里插入图片描述

3.18 React/Redux/react-router Snippets(React/Redux/react-router语法智能提示)

在这里插入图片描述

3.19 Vetur(Vue多功能集成插件,错误提示等)

在这里插入图片描述

3.20 Class autocomplete for HTML(智能提示HTML class =“”属性)

在这里插入图片描述

3.21 npm Intellisense(require 时的包提示)

在这里插入图片描述

4.VSCode快捷键

 

 

4.1 左侧是按键,右侧是功能(下同)

 

在这里插入图片描述

 

4.2 基础编辑

 

在这里插入图片描述

 

4.3 导航

 

在这里插入图片描述

 

4.4 搜索和替换

 

在这里插入图片描述

 

4.5 多光标和选择

 

在这里插入图片描述

 

4.6 语言编辑

 

在这里插入图片描述

 

4.7 编辑器管理

 

在这里插入图片描述

 

4.8 文件管理

 

在这里插入图片描述

 

4.9 显示

 

在这里插入图片描述

 

4.10 调试

 

在这里插入图片描述

 

4.11 集成终端

 

在这里插入图片描述

 转载:https://blog.csdn.net/weixin_45601379/article/details/100550421

标签:教程,智能,提示,标签,vxCode,VSCode,HTML,使用,Snippets
来源: https://www.cnblogs.com/zhilu/p/13948089.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有