vscode编辑器的使用及插件


快捷键

1.打开命令行终端

使用快捷键: ctrl + ·     即可;注意那个点是键盘上 esc 下面的那个;

或者

选择vscode的 “查看”,然后选择“集成终端” ,打开即可;

 2.打开本地服务器

npm install -g live-server

3.vue代码补全

Vue VSCode Snippets

插件

1.设置语言为中文插件:Chinese (Simplified) Language 

  1. 快捷键ctrl+shift+p或者view---configlanguage
  2. 添加"locale":"zh-CN",或者去掉注释
  3. 关闭vscode再次打开

有些这样设置没效果,反正我是没效果增加的插件

2.设置文件前面的图标:vscode-icons

3.设置打开游览器:Open-In-Browser

由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firefox,Chrome,IE)中打开命令面板选项。

 4.跟踪css位置:CSS Peek

使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。

 5.Path Intellisense 自动路径补全

 

 

 参考地址:https://blog.csdn.net/qq_38906523/article/details/77278403

 


免责声明!

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



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