VS Code
本文为作者原创,转载请注明出处:https://www.cnblogs.com/zhaoqingqing/p/vscode.html
VS Code#
VS Code(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器。几乎完美的编辑器。
官网:https://code.visualstudio.com
文档:https://code.visualstudio.com/docs
源码:https://github.com/Microsoft/vscode
本文所使用VS Code版本:1.2.0,1.3.1
如果从官网下载的vscode为英文版(1.39.2),可以安装语言包
集成Git#
支持git提交#
vscode默认已集成git,支持git提交,查看修改列表。
Git History#
地址:https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
安装:ext install githistory
Features
- View the details of a commit, such as author name, email, date, committer name, email, date and comments.
- View a previous copy of the file or compare it against the local workspace version or a previous version.
- View the changes to the active line in the editor (Git Blame).
- Configure the information displayed in the list
- Use keyboard shortcuts to view history of a file or line
同步vs code 扩展和设置#
让vs code的设置,偏好,快捷键设置,扩展等等数据在多台机器上保持同步。
把vs code的数据托管在github的gist服务器,其它机器就可以同步配置和扩展。
更新于2021-5-30号:新版本的vscode以1.56.2为例,在安装时已经有扩展和设置同步功能,可以登录微软或github帐号来同步,无需下面这些步骤了。
扩展:settings sync#
文档:https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
安装:ext install code-settings-sync
1. 上传配置到gist#
1、Shift + Alt + u 输入在github为vs code创建的 Personal Access Tokens,回车
2、保存 gist id
3、Shift + Alt + u 保存过一次之后,再按此快捷键就是同步数据
更换电脑之后,可以继续使用之前创建的personal access tokens
2. 下载配置到本地#
1、Shift + Alt + d 打开输入框,[输入在github为vs code创建的 Personal Access Tokens,回车] vscode 1.10版本无需此步骤
2、输入 gist id
3、等待配置及扩展同步到本地
github的gist服务#
创建Personal Access Tokens:https://github.com/settings/tokens
使用感受#
1. github创建的Personal Access Tokens ,创建成功之后是可以再次编辑的
2. 一定要保存好 github创建的 Personal Access Tokens
2. 一定要保存好 code setting sync的gist id。这个id用于在多台机器上保持同步。
文本编辑及快捷键#
多列编辑#
Shift + Alt +鼠标左键
Markdown#
默认已支持实时预览,我使用的vs code1.2版本
预览:Ctrl + K ,V 在右侧窗口打开预览,支持实时预览改动部分
Ctrl + Shift + V 快速预览当前文档
文档:https://code.visualstudio.com/docs/languages/markdown
配置或查看快捷键#
选择 文件 - 首选项 - 键盘快捷方式 打开keybinding.json,可以修改或查看vscode的快捷键
打开命令行 (>)#
Ctrl + Shift + P
常用快捷键#
Ctrl + P 打开扩展管理器
Ctrl + Shift + K 删除当前行
Ctrl + B 显示/隐藏侧边栏
离线安装vs code扩展#
以安装 vscode-instant-markdown 为例:https://marketplace.visualstudio.com/items?itemName=dbankier.vscode-instant-markdown
Mac & Linux#
cd $HOME/.vscode/extensions git clone https://github.com/dbankier/vscode-instant-markdown.git cd vscode-instant-markdown npm install
Windows#
cd %USERPROFILE%\.vscode\extensions git clone https://github.com/dbankier/vscode-instant-markdown.git cd vscode-instant-markdown npm install
'npm' 不是内部或外部命令…#
如果你在安装时,出现上述提示,那么你需要安装nodejs
1. 打开nodejs的官网下载:https://nodejs.org/en/
2. 运行安装程序,进行安装,会自动配置环境变量和安装npm package manager
3. 再次安装vs code 扩展
vs code 扩展#
1. vs code安装扩展#
1、在vs code中按 Ctrl + P,打开扩展管理器
2、输入安装代码: ext install 扩展名 ,键盘选择要安装的扩展,按回车
3、安装完成后,会提示重启
2. 浏览插件库#
https://marketplace.visualstudio.com/VSCode
3. csharp#
地址:https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharp
安装:ext install csharp
安装之后报错:The .NET CLI tools cannot be located. .NET Core debugging will not be enabled. Make sure .NET CLI tools are installed and are on the path.
4. HTML CSS Class Completion#
说明:我安装的vs code默认已支持css,javascript。可检查css,html语法错误
地址:https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
安装:ext install html-css-class-completion
5. PowerShell#
地址:https://marketplace.visualstudio.com/items?itemName=ms-vscode.PowerShell
安装:ext install PowerShell
6. Lua#
地址:https://marketplace.visualstudio.com/items?itemName=keyring.Lua
安装:ext install Lua
7. Java Snippets#
地址:https://marketplace.visualstudio.com/items?itemName=tushortz.java-snippets
安装:ext install java-snippets
8. python#
地址:https://marketplace.visualstudio.com/items?itemName=donjayamanne.python
安装:ext install python
9. Project Manager#
功能:Manage your projects right inside Visual Studio Code. Easily access and switch between them.
使用方法
1、ctrl +shift + p 打开命令行,输入:project save ,选择Project Manager: Save Project
2、输入要保存当前工程的名字
3、查看或修改保存的工程
ctrl +shift + p 打开命令行,输入:project edit,选择Project Manager: Edit Project
project.json
[
{
"label": "simpleframework",
"description": "d:\\Unity3D\\SimpleFramework_NGUI\\Assets"
}
]
地址:https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
安装:ext install project-manager
10. Bookmarks#
功能:Mark lines in the editor and easily jump to them.
地址:https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks
安装:ext install Bookmarks
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
· RFID实践——.NET IoT程序读取高频RFID卡/标签