前端新手入坑之Visual Studio Code (vscode) 教程


我个人学习前端时用的编译器就是VScode,之后做vue或者react项目都是用的VScode了。关于微信小程序大家可以选择微信开发者工具或者HBuilderX。

 

然鹅萌新第一次使用会遇到很多问题,然后一个一个去百度(比如我😂)

最近在知乎上 看到一篇标题为👇👇👇

史上最全vscode配置使用教程

的文章,点进去一看,针不戳!!!对前端小白来说可以说的保姆级的教程了,有兴趣的可以看看。

链接在最后。

 

常用的快捷键

高效的使用vscode,记住一些常用的快捷键是必不可少的,我给大家罗列了一些日常工作过程中用的多的快捷键。

以下以Windows为主,windows的 Ctrl,mac下换成Command就行了

对于 行 的操作:

  • 重开一行:光标在行尾的话,回车即可;不在行尾,ctrl + enter 向下重开一行;ctrl+shift + enter 则是在上一行重开一行
  • 删除一行:光标没有选择内容时,ctrl + x 剪切一行;ctrl +shift + k 直接删除一行
  • 移动一行:alt + ↑ 向上移动一行;alt + ↓ 向下移动一行
  • 复制一行:shift + alt + ↓ 向下复制一行;shift + alt + ↑ 向上复制一行
  • ctrl + z 回退

对于 词 的操作:

  • 选中一个词:ctrl + d

搜索或者替换:

  • ctrl + f :搜索
  • ctrl + alt + f: 替换
  • ctrl + shift + f:在项目内搜索

通过Ctrl + ` 可以打开或关闭终端

Ctrl+P 快速打开最近打开的文件

Ctrl+Shift+N 打开新的编辑器窗口

Ctrl+Shift+W 关闭编辑器

Home 光标跳转到行头

End 光标跳转到行尾

Ctrl + Home 跳转到页头

Ctrl + End 跳转到页尾

Ctrl + Shift + [ 折叠区域代码

Ctrl + Shift + ] 展开区域代码

Ctrl + / 添加关闭行注释

Shift + Alt +A 块区域注释

 

指路👇👇👇👇

https://zhuanlan.zhihu.com/p/113222681


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM