Vscode快速入门、 插件安装、插件位置、修改vscode默认引用插件的路径、在命令行总配置code、快捷键
Vscode快速入门
这里写目录标题
- 安装
- 插件安装
- Ctrl + Shift + X (插件商店):
- 插件位置
- 默认位置
- 修改默认路径
- 修改vscode默认引用插件的路径
- 在命令行总配置code
- 基本操作
安装
- Visual Studio Code 官网
插件安装
Ctrl + Shift + X (插件商店):
Auto Close Tag自动闭合HTML/XML标签Auto Rename Tag 自动完成另一侧标签的同步修改fileheader顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间，快捷键ctrl+alt+i在文件开头自动输入作者信息和修改信息等内容Project Manager经常切换项目时，比较耗时HTML CSS Support智能提示CSS类名以及idHTML Snippets智能提示HTML标签，以及标签含义Path Intellisense自动提示文件路径，支持各种快速引入文件VeturVue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备GitLens能显示每一行代码的作者以及提交时间Git historyGit 历史SVG Viewer预览SVG图片Color Info提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了HTML Boilerplate你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构CSS Peek追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码Open-In-BrowserVSCode没有提供直接在浏览器中打开文件的内置界面，此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项
插件位置
改完以后，以为引用路径换了，之前下载的插件就需要重新下载啦。当然，C盘之前下好的虽然没用了但是还在，需要手动删除！
默认位置
修改默认路径
code --extensions-dir E:\vscode\extensions
修改vscode默认引用插件的路径
默认引用插件路径与默认下载路径一样，所以改下载也要改引用,修改vscode软件的快捷方式中目标，如："D:\Microsoft VS Code\Code.exe" --extensions-dir "E:\vscode\extensions"
在命令行总配置code
VScode的安装目录/bin
我的电脑/属性/高级系统设置/环境变量/用户变量/PATH变量
在CMD中打开vscode
code .
基本操作
- 宇宙最强vscode教程（基础篇)
- 命令面板：
Ctrl+Shift+P - 多光标编辑:
Alt+Shift+iAlt+鼠标单击
- 跳转
- 行首
Home - 行末
End - 文档首
Ctrl+Home - 文档末
Ctrl+End
- 行首
- 删除一行:
Ctrl+Shift+K - 批量选择单词:
Ctrl+D - 换行：
Alt+上下 - 复制:
Alt+Shit+上下 - 注释:
Ctrl+/ - 缩进：
Ctrl+[] - 转换大小写：
Ctrl+Shift+P输入tran - 快速打开文件:
Ctrl+p输入文件名,Ctrl+Enter会通过新窗口打开 - 行跳转:
Ctrl+g输入行号,或者Ctrl+p输入:输入行号
Vscode快速入门、 插件安装、插件位置、修改vscode默认引用插件的路径、在命令行总配置code、快捷键相关推荐
- 解决vscode插件安装不成功，xxx.vue高亮插件问题
解决vscode插件安装不成功,xxx.vue高亮插件问题 提示:vue插件 vue中 xxx.vue 的插件,没安装之前是黑白显示,安装之后彩色.语法高亮插件是 "Vue 3 Snippe ...
- 《Linux指令从入门到精通》——4.3 Linux下全屏幕文本编辑器的命令行方式
本节书摘来自异步社区<Linux指令从入门到精通>一书中的第4章,第4.3节,作者:宋磊 , 宋馥莉 , 雷文利著,更多章节内容可以访问云栖社区"异步社区"公众号查看 ...
- python3.8.2numpy版本,如何查看安装python和numpy的版本，numpy版本的选择,命令行下查看pyth...
如何查看安装python和numpy的版本,numpy版本的选择,命令行下查看pyth 命令行下查看python和numpy的版本和安装位置 1.查看python版本 方法一: python -V 注 ...
- java判断jd安装,java - 安装和使用 java 反编译应用： jd-compiler ，以及命令行的使用...
java - 安装和使用 java 反编译应用: jd-compiler ,以及命令行的使用 2020-07-05 17:26 访问量: 351 分类: 技术 1. 下载 对应的jar 文件 ( jd ...
- Mac 技术篇-VS Code插件安装方法，查看vscode已安装插件的方法
微软的 Visual Studio Code 编辑器,是目前主流的前端代码编写工具,非常好用. VS Code 插件安装 点击左边最后一个图标. 然后搜索要安装的插件,点击安装就好了. 查看已安装插件 ...
- 3s安装JupyterLab，4步完成JupyterLab插件安装（附多款高生产力插件推荐）
Jupyter相信大家都不陌生,我们会经常用Jupyter来完成数据清理.转化.数值模拟.统计建模.机器学习等等,而且Jupyter本身将代码和输出集成在一个文档上,在日常工作过程中更加有效的提高我们 ...
- Kafka 快速入门（安装）
kafka学习目录:kafka目录 二.Kafka 快速入门 2.1.windows版安装 2.1.1.Quick Start 本次安装学习在Windows操作系统进行.(Linux版本的差别不大,运 ...
- Tomcat快速入门(Tomcat安装 把一个项目发布到tomcat中 Eclipse配置Tomcat idea配置tomcat)
文章目录 服务器的概念 服务器 Web服务器软件:接收客户端发送的请求和响应客户端请求. 常见的Web服务器软件 Tomcat安装 win下启动乱码问题解决 Tomcat目录介绍 如何把一个项目发布到 ...
- sublime 插件安装；sublime的 babel、sublime-jsfmt插件
前提: 在开发过程中,使用到es6语法,sublime不能够自动的识别代码,不能高亮等: babel是一个更好显示高亮,和代码格式的插件,并且 sublime-jsfmt让 更好: 安装sublime ...
最新文章
- form表单会跨域_前端跨域So Easy
- 空间素材代码_C++大神解读视频捕获程序，VC++基于Directx开发的源代码
- python编程有用吗-python儿童编程有必要学吗
- C++中多态与虚函数的学习例子
- 带着canvas去流浪系列之五 绘制K线图
- Python 网页爬虫
- 板翅式换热器翅片表面传热与阻力特性性能分析
- 一位基金经理13年的期货感悟
- mysql 通过经纬度查询附近的地点位置
- 销售书籍推荐：做销售你究竟该看什么书？
- 爱情故事:追忆似水流年 回味永恒的爱恋
- 人工智能导论复习整理（一）
- 数据结构课程设计 神秘国度的爱情故事
- codeforces 702F 可持久化平衡树
- categories与set_categories
- Intel IPP 之图像压缩编码
- 多版本node安装相关知识
- 《Raytracing In One Weekend》学习笔记 Chapter 1、2、3、4、5、6、7、8、9、10、11、12、13
- DisplayFormat格式化字符串
- 【arm cpu架构体系】【armV8】【armv7】【A系列的CPU】