VS Code

简介:



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

集成Git

支持git提交

vscode默认已集成git,支持git提交,查看修改列表。

image

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服务器,其它机器就可以同步配置和扩展。

扩展: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、等待配置及扩展同步到本地

image

github的gist服务

如何看待 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的快捷键

image

打开命令行 (>)

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

image

'npm' 不是内部或外部命令…

如果你在安装时,出现上述提示,那么你需要安装nodejs

1. 打开nodejs的官网下载:https://nodejs.org/en/

2. 运行安装程序,进行安装,会自动配置环境变量和安装npm package manager

3. 再次安装vs code 扩展

image

vs code 扩展

1. vs code安装扩展

1、在vs code中按 Ctrl + P,打开扩展管理器

2、输入安装代码: ext install 扩展名 ,键盘选择要安装的扩展,按回车

image

3、安装完成后,会提示重启

image

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.

image

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

image

2、输入要保存当前工程的名字

image

3、查看或修改保存的工程

ctrl +shift + p 打开命令行,输入:project edit,选择Project Manager: Edit Project

image

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



本文转自赵青青博客园博客,原文链接:http://www.cnblogs.com/zhaoqingqing/p/vscode.html,如需转载请自行联系原作者

相关文章
|
机器学习/深度学习 算法 决策智能
选址问题-精确重心法和遗传算法
选址问题-精确重心法和遗传算法
3102 0
|
弹性计算 Cloud Native 云计算
云计算|云计算的一些基础概念(HCS和OpenStack)
云计算|云计算的一些基础概念(HCS和OpenStack)
2852 0
|
消息中间件 关系型数据库 Kafka
OBCP第七章 OB迁移、备份与恢复-迁移服务
OBCP第七章 OB迁移、备份与恢复-迁移服务
759 0
|
监控 安全 芯片
看见“信任”,可信计算史上最全解析
等保2.0将可信提升到一个新的强度。在等保一到四级都有可信的要求,主要在三个领域:计算环境可信、网络可信、接入可信。
35743 1
看见“信任”,可信计算史上最全解析
|
存储 JavaScript 开发工具
5分钟优化Docker镜像体积,节省75%存储空间!
5分钟优化Docker镜像体积,节省75%存储空间!
|
8月前
|
存储 人工智能 安全
OpenClaw + 飞书 打造个人知识管理助手
环保工作者亲测:OpenClaw + 飞书打造安全、高效、AI驱动的个人知识管理系统——支持语音/文字秒建笔记、自动整理会议纪要、提取文章要点、项目文档归档,数据自主可控,部署于阿里云轻量服务器,开源免费,开箱即用。(239字)
2276 8
|
API 云栖大会
通义千问升级旗舰模型Qwen-Max,性能接近GPT-4o
通义旗舰模型Qwen-Max全方位升级,性能接近GPT-4o
14572 12
|
人工智能 前端开发 算法
Vibe Draw:涂鸦秒变3D模型!开源AI建模神器解放创意生产力
Vibe Draw 是一款基于AI技术的开源3D建模工具,通过Next.js和FastAPI构建,能将用户绘制的2D草图智能转化为3D模型,并支持文本提示优化和场景构建。
1359 35
Vibe Draw:涂鸦秒变3D模型!开源AI建模神器解放创意生产力
|
数据采集 Web App开发 测试技术
如何避免反爬虫程序检测到爬虫行为?
这段内容介绍了几种避免被反爬虫程序检测的方法:通过调整请求频率并遵循网站规则来模拟自然访问;通过设置合理的User-Agent和其他请求头信息来伪装请求;利用代理IP和分布式架构来管理IP地址;以及采用Selenium等工具模拟人类的浏览行为,如随机点击和滚动页面,使爬虫行为更加逼真。这些技巧有助于降低被目标网站识别的风险。
|
JSON Shell 数据格式
使用 pipx 安装并执行 Python 应用程序 (1)
使用 pipx 安装并执行 Python 应用程序 (1)
1748 17