vs code高效工作技巧

CSS tree 插件的使用


作用:
将选定的HTML/JSX 转化为 scss, less or css
默认为:scss

用法:
选中对应的 HTML/JSX
Ctrl + shift + p
选择 Generate CSS tree

更改默认:
设置 – 扩展 – Generate CSS tree – (直接修改)

生成文件整理:
整理一下这个文件,把前面的标签名(view,navigator等)删除,再把undefined删除
统一删除标签名的方法:
1)选中要删除的标签名
2)CTRL+Shift+L 选中所有的目标变量
3)按删除键

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Visual Studio CodeVSCode)是一个强大的开源代码编辑器,有许多实用的功能和技巧可以帮助您更高效地阅读和理解代码。这里有一些常用的技巧: 1. **代码高亮和主题**:选择合适的语言模式可以自动为不同类型的文件提供语法高亮,同时尝试不同的颜色主题可以提升可读性。 2. **跳转到定义**:按 `Ctrl + Click`(Windows/Linux)或 `Cmd + Click`(Mac)可以在当前文件中快速导航到变量、函数或类的定义处。 3. **搜索功能**:使用 `Ctrl + F`(全局查找)或 `Ctrl + Shift + F`(替换)搜索特定文本。还可以设置快捷键进行正则表达式搜索。 4. **代码折叠**:对冗长的代码块使用 `Ctrl + [` 和 `Ctrl + ]` 进行折叠和展开,方便查看关键部分。 5. **代码片段和自定义命令**:安装合适的插件可以使用代码片段快速插入常用代码片段,或者创建自定义命令来执行常见的操作。 6. **Git集成**:利用VSCode的Git扩展,可以直接在编辑器内查看提交历史、更改差异等,这对于追溯代码变更非常有用。 7. **调试工具**:配置断点并逐步执行代码,观察变量值变化,有助于理解复杂逻辑。 8. **代码审查**:利用Pull Request功能,可以预览其他开发者对代码的修改建议。 9. **插件拓展**:VSCode有大量的插件可用于代码格式化、类型检查、代码提示等功能的增强。 10. **键盘快捷键**:熟悉并定制自己的快捷键设置,可以极大提高工作效率。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值