前端 VS Code 插件及快捷键

最新推荐文章于 2023-01-16 17:03:12 发布
最新推荐文章于 2023-01-16 17:03:12 发布
阅读量67 收藏
点赞数
分类专栏： 工具 前端 文章标签： visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42208855/article/details/115430534
版权

使用了 VS Code 感觉这款软件还是功能很强大的，写前端也比较方便，尤其是配合一些插件和快捷键。

插件

  • Auto Close Tag： 自动闭合标签<>
  • Auto Import ：自动找到引入时的依赖
  • Chinese：中文语言提示
  • HTML Snippets：HTML快速补全
  • Prettier： 代码格式美化
  • Simple React Snippets React：React语法补全

快捷键

Ctrl+Shift+P： 万能键
Shift+Alt+F：格式对齐，这个配合Prettier很不错
Ctrl+B：侧边栏闭合/展开
Ctrl+A：全选

YANG_yz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VS Code插件和快捷键
rocktanga的博客
02-14 926
vs code已经不需要打印调试，而可以使用终端工具，在vs code中进行调试，vscode中调试也不好，还是要用chrome dev tool去调试 VS Code 配置 vscode的配置分为两部分 全局配置(用户配置) 和 局部配置(工作空间配置，仅针对单个project) 全局配置: User Settings是全局配置，应用到打开的任何一个VS Code实例。 在Windows环境中，打开 File > Preferences > Settings ，可以看到VS Co..
VS Code的常用插件和快捷键
新阿巴阿巴
09-19 432
一、常用插件 1. Chinese (Simplified) 汉化 2. Auto Rename Tag 修改开始标签，结束标签跟着自动变化 3. open in browser 编写完代码，需要浏览器预览，可以安装这个插件 4. Live Server 与第3个插件类型，多了一个实时预览的功能 5. vscode-icons 设置文件图标主题 6. Easy LESS 直接写的less不能直接引入到html文件中， 通过这个插件可以自动生成 css文件 二、常用设置 1. Ctrl
前端 VSCode 常用快捷键提高你的效率
程序员柒的博客
06-28 1397
本文简单的介绍了VSCode软件快捷键的使用，如果你觉得对你有所帮助请三连支持博主，你的支持是我更新的动力。其实这个快捷键都是可以自定义的，为了防止自定义快捷键和默认冲突我，我们先熟悉默认的，后期熟悉可以自定义更改。快捷键： 快捷键： 先双击选定一个单词，然后按下 ctrl + d 可以往下依次选择相同的单词。 这样同时修改相同的单词就非常方便快捷键： 当我们一个页面需要修改大量相同的文字的时候，我们一个的修改超级麻烦，此时我们可以使用全局替换快捷键： 注意选择全部替换即可 当我们页面比较长的时候
vscode 前端快捷键
guorui999的博客
01-16 523
注意: 也可以用ctrl 替代shift, 用shift 时输入法要设置切换英文shift改成其他键如 ctrl + 空格。先按 ctrl + k 再按 ctrl + 0(数字0)先按 ctrl + k 再按 ctrl + j。cursorHome 添加 shift + U。cursorLeft 添加 shift + J。cursorDown 添加 shift + K。cursorEnd 添加 shift + O。cursorUp 添加 shift + I。可以添加光标上下左右行首行尾的快捷键。
vscode前端开发中的快捷键说明
CurryCoder的个人博客
12-04 646
1.安装相关插件 open in browser和view in browser 2.使用编辑器 文件->首选项->设置(大小、是否换行 wordwrap) shift+end:从头选中一行 shift+home:从尾部选中一行 shift + alt + 向下箭头：快速复制一行 alt + 上或下箭头：快速移动一行 tab：向后缩进 tab + shift：向前缩进 shift ...
随笔 vs code 写前端的一些快捷键
yyswit的博客
07-29 69
英文！，回车：网页界面 给html元素加class属性和属性值：xxx点属性值. 给html元素加id属性和属性值：xxx#属性值 上面两个可以一起用 给html元素添加子元素：xxx>子元素 给html元素同时添加多个不同的子元素：用+连在一起 给html元素同时添加多个不同的子元素：用*号 +和*可以同时使用 ctrl加斜杠：快速注释 html元素{内容}：html元素里写了内容 html元素{内容$$}*x：html元素里写内容共x个，从01排到x ...
vscode 前端开发常用快捷键
weixin_38335055的博客
03-30 659
格式化/美化代码格式： alt+shift+f 配合beautify使用 注意：第一次使用该快捷键时，右下方可能会提示你不止一种美化方案，点击该提示，选择一种你想要的方案即可 快速注释：ctrl+? 快速跳转到行头/行尾：（数字小键盘的） home / end 快速选中某行：end+shift+home / home+shift+end ...
vs-code里面 vue代码提示插件
03-14
在现代前端开发中，Visual Studio Code (VS-Code) 是一款非常流行的代码编辑器，它提供了丰富的扩展功能，包括对 Vue.js 框架的强大支持。对于 Vue 开发者来说，代码提示插件是提高生产力的重要工具。在本文中，我们...
Eclipse离线版插件CodeMix3
05-31
- **框架集成**：与流行的前端框架（React、Angular、Vue.js）和后端框架（Node.js）深度集成，提供丰富的代码提示和快捷键，加快开发速度。 - **代码质量检查**：内置代码分析工具，可进行语法错误检查、代码风格...
VS_Code 编译器W
05-02
安装完成后，VS Code会提供一个简洁且强大的编辑界面，用户可以设置语言偏好、主题、键盘快捷键，以及通过内置的扩展市场安装各种插件以增强其功能，如支持更多编程语言、代码格式化、代码检查等。 在VS Code中，...
前端窗口插件
04-15
1. 开发环境：开发者使用集成开发环境（IDE）的插件，如VS Code的多窗口管理，便于同时查看和编辑多个代码文件。 2. 项目协作工具：如Trello、Asana等，它们允许用户在一个窗口中管理多个项目卡片，提高团队协作效率...
VS code 代码编辑器
最新发布
07-07
VS Code允许用户自定义设置，包括主题、字体大小、快捷键、工作区设置等，以满足个人偏好和工作效率需求。 **四、跨平台支持** 无论是在Windows、macOS还是Linux环境下，VS Code都能提供一致的用户体验，这使得...
vsCode-前端开发快捷键|Emmet语法
今天你敲代码了嘛
09-10 346
生成html模板快捷键 第一步：在空html文档中输入 ! 第二步：按下tab键。 格式化：alt+shift+f 自动换行：alt + z 往下一行复制：光标选中 ctrl + c 然后直接 ctrl + v 字号大小：ctrl +或者- 标签自动补全：tab键 注释：ctrl+/ 添加函数注释：在函数上方输入“/**”，然后点击enter 全部保存：ctrl+k, 然后只按s一个键 插件使用 CSS Peek Peek: load the css file inline and make q.
vs code快捷键格式化
weixin_45422787的博客
07-01 183
mac shift + option + f win10 shift + ctrl + f
vscode前端开发快捷键
qq_34729246的博客
10-15 1135
注释：shift+alt+a或者ctrl+k，ctrl+c或者ctrl+/ 移动行：alt+up/down 显示/隐藏左侧目录栏：ctrl+b 复制当前行：shift+alt+up/down 复制当前行进剪切板：ctrl+c，粘贴使用ctrl+v 删除当前行：shift+alt+k 剪切当前行：ctrl+x 控制台终端显示与隐藏：ctrl + ~ 查找文件/安装vs code 插件地址：ctrl + p 代码格式化：shift + alt +f 新建一个窗口 : ctrl + shift
visual studio code前端插件及常用快捷键
热门推荐
尐轩web前端网络日志
10-25 2万+
给大家推荐编写前端代码非常舒服的编辑器visual stdio code15年微软发布的轻量级编辑器, 用起来感觉比sublime舒服 传送门 vs code 下载地址拿走不谢 改用它的原因是非常喜欢它的UI (其实是怀念以前用vs编C++的时光) 功能非常强大,谁用谁知道vs code 插件点击vscode左侧扩展就可以搜索插件了 首先给大家推荐几个我常用的插件 HTML Snippet
前端VSCode快捷键
NeUqAy的博客
06-05 285
快速复制一行 快捷键： shift+alt+ 下箭头(上箭头) 或者 ctrl+c 然后 ctrl+v 选定多个相同的单词 快捷键： ctrl + d 先双击选定一个单词，然后按下 ctrl + d 可以往下依次选择相同的单词。 这样同时修改相同的单词就非常方便 添加多个光标 快捷键： Ctrl + Alt + 上箭头(下箭头) 全局替换某些单词 当我们一个页面需要修改大量相同的文字的时候，我们一个的修改超级麻烦，此时我们可以使用全局替换 快捷键： ctrl + ..
高效 VS Code 快捷键
weixin_47675736的博客
06-15 125
快捷键 功能 评价 Ctrl+X 剪切一行 免去手动选择的麻烦 Ctrl+C 复制一行 免去手动选择的麻烦 Ctrl+L 选择一行（包含换行符） 免去手动选择的麻烦 Shift+Alt+↑/↓ 复制到上/下一行 我个人来说大多数复制的情况都是复制到上下行，所以这个快捷键还能省掉一个粘贴 Ctrl+Shift+K 删除一行 极大方便 Ctrl+]/[ 缩进 以前很常用，但是在用 prettier 之后基本不会手动缩进 Home/End 移动到行头/尾 使用得不算多，但可...
将vscode打造无敌的IDE(14) tasks.json和launch.json配置详解，随心所欲添加自动化任务
二进制君
06-23 4417
vscode是一个轻量级的文本编辑器，但是它的扩展插件可以让他拓展成功能齐全的IDE，这其中就靠的是tasks.json和launch.json的配置。这两个文件需要存放在当前工程的.vscode目录下。vscode预定义了一些变量供我们在json文件使用：关于变量的更多信息见：https://code.visualstudio.com/docs/editor/variables-reference tasks是个数组，里面可以填写多个task，task通过label进行标识，也就是task的名字。按下ct
提升效率！VS Code高效配置与必备插件推荐
本文将介绍一些必备的VS Code插件，帮助你打造个性化的高效开发环境。 首先，对于不熟悉英文界面的开发者，"Chinese(Simplified) Language Pack for Visual Studio Code"是必不可少的，它可以将VS Code的界面语言...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值