Vscode

MacBook Pro 笔记本风扇声音大发烫

打开cpu监视器查看

打开MAC的Application(应用)–> Utilities(工具) –> Activity Monitor–>双击打开即可查看cpu/内存使用情况
选中需要关闭的进程，双击打开即可选择关闭

vscode rg占用内存过大解决

打开VSCode => Code => Preferences => setting 搜索 search.followSymlinks 将其设置为false，或者去掉勾选

chrome 占用内存

打开chorme => 打开右上角工具栏 => setting(设置) => Advanced(高级) => System(系统) => un-select ‘Use hardware acceleration when available’(使用硬件加速模式,如果可用) =>关闭掉硬件加速

重启vscode, chrome or Mac

VSCode中配置–设置.tpl文件高亮

[https://www.jianshu.com/p/edd6f95275fc]https://www.jianshu.com/p/edd6f95275fc

file -> preferences -> settings -> search ‘json’ -> Edit in settings.json –> add below code:

"files.associations": {
        "*.tpl": "html"
    }

VSCode中配置vue模版

-reference: https://blog.csdn.net/weixin_38106322/article/details/106599280

打开vscode左下角的设置(setting)按钮，选择User Snippets
然后继续选择New Global Snippets file，接着输入模版名:XXX(随便取)
然后复制黏贴以下内容 ```

4. 根据"prefix": "vue"这个定义的模板前缀,输入vue，就可以自动带出以上的模版内容了

=================================

SourceTree是Mac下一款非常好用的版本Git版本控制工具，提供GUI的界面进行操作。

gitlens，是一款vscode插件，可以看到是谁改动了代码等

5. vscode快捷方式
   command + shift + L 同时修改多个相同名字的变量 或 选中后鼠标右键rename  或 fn + F2

   command + up/down 上/下移动代码
   
6. vscode 正则替换
场景:css中写了很多如 width:px2rem(64);类似的样式，现在需要将内容修改为width:64px; 如果逐一替换那真是一个huge工程，幸好vscode可以支持正则替换。
替换方式是：选中任一需要替换的内容==》`CTRL+H` ==》`px2rem\(64\)`===>修改被替换内容为`px2rem\((\d*)\)`, 替换成新值为`$1px` (tips: `\d*一定要用括号括住才能使用$1、$2...替换，sed 工具用的是\1、\2...进行替换`)

[项目中添加jsconfig.json文件,可以导航到引用文件目录](https://segmentfault.com/a/1190000018013282)，内容

{ “include”: [“src/”], “compilerOptions”: { “baseUrl”: “.”, “paths”: { “@/”: [“src/”] } } }

```

快捷方式

Ctrl + A 全选文本或者只选中你需要复制的文本，然后Shift + Alt + 向上箭头(或者向下箭头),实现快速复制粘贴

VScode远程开发

[VS Codespaces 在线编辑代码]https://mp.weixin.qq.com/s/Eutjgbx_nofmuhU2yBGhxg

remote development插件实现vscode连接远端服务器进行开发

code-server是一个可以运行在服务器上的web项目，这下我们可以在浏览器中使用vscode

MacBook Pro 笔记本风扇声音大 发烫