Vue笔记:VSCode常⽤快捷键VS Code 常⽤快捷键
1、注释:
单⾏注释:ctrl+/, 注释后再按取消
取消单⾏注释:alt+shift+A 注释后再按取消
2、移动⾏
向上移动⼀⾏:alt+up
向下移动⼀⾏:alt+down
reactnative开发3、显⽰/隐藏左侧⽬录栏
ctrl + b
4、复制当前⾏
向上复制⼀⾏:shift+alt+up
向下复制⼀⾏:shift+alt+down
5、删除当前⾏
shift + ctrl + k
6、控制台显⽰隐藏
ctrl + ~
7、查⽂件
ctrl + p
8、代码格式化
shift + alt +f
9、新建窗⼝
ctrl + shift + n
10、⾏增加缩进
ctrl + [
11、⾏减少缩进
ctrl + ]
12、关闭编辑窗⼝
ctrl + w
13、关闭所有窗⼝
ctrl + k + w
VS Code 的常⽤插件
1、Auto Rename Tag 修改 html 标签,⾃动帮你完成尾部闭合标签的同步修改,和 webstorm ⼀样。
2、Auto Close Tag ⾃动闭合HTML标签
4、Beautiful 格式化代码的⼯具
5、Dash Dash是 MacOS 的 API ⽂档浏览器和代码段管理器
6、Ejs Snippets ejs 代码提⽰
7、ESLint 检查 javascript 语法错误与提⽰
8、File Navigator 快速查⽂件
9、Git History (git log) 查看 git log
10、Gulp Snippets 写 gulp 时⽤到,gulp 语法提⽰。
11、HTML CSS Support 在HTML标签上写class智能提⽰当前项⽬所⽀持的样式
12、HTML Snippets 超级好⽤且初级的H5代码⽚段以及提⽰
13、Debug for Chrome 使⽤ vs code 来打断点调试
14、Document this Js 的注释模板
15、jQuery Code Snippets jquery 提⽰⼯具
16、Html2jade html 模板转 pug 模板
17、JS-CSS-HTML Formatter 格式化
18、Npm intellisense require 时的包提⽰⼯具
19、Open in browser 打开默认浏览器
20、One Dark Theme ⼀个vs code的主题
21、Path Intellisense ⾃动路径补全、默认不带这个功能
22、Project Manager 多个项⽬之间快速切换的⼯具
23、Pug(Jade) snippets pug 语法提⽰
24、React Components 根据⽂件名创建反应组件代码。
25、React Native Tools reactNative⼯具类为React Native项⽬提供了开发环境。
26、Stylelint css/sass 代码审查
27、Typings auto installer 安装 vscode 的代码提⽰依赖库,基于 typtings 的
28、View In Browser 默认浏览器查看HTML⽂件(快捷键Ctrl+F1可以修改)
29、Vscode-icons 让 vscode 资源⽬录加上图标、必备
30、VueHelper Vue2代码段(包括Vue2 api、vue-router2、vuex2)
31、Vue 2 Snippets vue必备vue代码提⽰
32、Vue-color vue 语法⾼亮主题
33、Auto-Open Markdown Preview markdown ⽂件⾃动开启预览
34、EverMonkey 印象笔记
35、atom one dark atom 的⼀个⾼亮主题(个⼈推荐)
作者:
版权所有,欢迎转载,转载请注明原⽂作者及出处。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论