VSCod使⽤教程
VSCode(Visual Studio Code)是由微软研发的⼀款免费、开源的跨平台⽂本(代码)编辑器,算是⽬前前端开发⼏乎完美的软件开发⼯具。
1.VSCode下载
2.VSCode
3.VSCode常⽤插件(安装步骤同)
3.1 Auto Close Tag (⾃动闭合HTML/XML标签)
3.2 Auto Rename Tag (⾃动完成另⼀侧标签的同步修改)
3.3 Beautify (格式化 html ,js,css)javascript免费教程
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 集成终端
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论