atom和sublime_最佳的Visual Studio Code:功能,插件,行为类似于Atom和Sublime

atom和sublime

Visual Studio Code is a free, open source, cross platform text editor made by Microsoft. They essentially took their online editor Visual Studio Online (codenamed "Monaco") and used Electron by GitHub to deliver a cross platform editor. They have taken great strides to create a fast and highly efficient work environment for programmers.

Visual Studio Code是Microsoft提供的免费,开源,跨平台文本编辑器。 他们实际上使用了在线编辑器Visual Studio Online(代号为“ Monaco”),并使用Gi​​tHub的Electron来提供跨平台编辑器。 他们在为程序员创建快速高效的工作环境方面取得了长足的进步。

  • IntelliSense that provides smart completions.

    提供智能完成的IntelliSense
  • Debug code from your editor.

    从编辑器中调试代码
  • Git commands built-in in the sidebar.

    侧边栏内置的Git命令
  • Integrated terminal with ability to handle multiple instances.

    集成终端能够处理多个实例。
  • Customizable via extensions and themes.

    通过扩展名和主题进行 自定义
  • Nightly build for the latest release each day. Download VS Code Insiders

    每晚构建最新版本。 下载VS Code Insiders

为什么使用Visual Studio Code? ( Why Visual Studio Code? )

Visual Studio Code Home Page

Every feature you find in VS Code has done an excellent job building simple set of features that focus on making you productive with syntax highlighting, smart completion, integrated git, and the in editor debugger.

在VS Code中找到的每个功能都非常出色地构建了简单的功能集,这些功能集中于通过语法突出显示,智能完成,集成git和in编辑器调试器使您的工作效率更高。

All packages you find are built with JavaScript so it's easy for anyone to make packages. You can find the documentation for extensions here: https://code.visualstudio.com/docs/extensions/overview

您找到的所有软件包都是使用JavaScript构建的,因此任何人都可以轻松制作软件包。 您可以在此处找到扩展的文档: https : //code.visualstudio.com/docs/extensions/overview

特征 ( Features )

The main features that make VS Code unique is the sidebar that hosts the core features you'll be interacting with to code and refactor with. Everything else you need is likely an extension you just need to install.

使得VS Code与众不同的主要功能是侧边栏,该侧边栏包含您将与之交互以进行编码和重构的核心功能。 您需要的其他所有内容可能只是您需要安装的扩展。

智能感知 ( IntelliSense )

A very helpful syntax highlighter and autocomplete feature that provides smart completions based on variable types, function definitions, and imported modules.

一个非常有用的语法突出显示和自动完成功能,可基于变量类型,函数定义和导入的模块提供智能完成。

https://code.visualstudio.com/docs/editor/intellisense

https://code.visualstudio.com/docs/editor/intellisense

调试 ( Debugging )

The built in debugger helps you accelerate editing, compiling, and debugging by adding breakpoints and watchers. By default it comes with support for NodeJS and can debug anything that is transpiled to JavaScript but other runtimes like C++ or Python will require an extension to be installed.

内置的调试器通过添加断点和监视程序来帮助您加速编辑,编译和调试。 默认情况下,它带有对NodeJS的支持,并且可以调试任何转换为​​JavaScript的内容,但是其他运行时(如C ++或Python)将需要安装扩展。

https://code.visualstudio.com/Docs/editor/debugging

https://code.visualstudio.com/Docs/editor/debugging

内置Git ( Built-in Git )

There is a built in GUI for Git for the most common commands which makes it really easy to instantly see the changes you're making in your project.

Git有一个内置的GUI,用于最常用的命令,可以非常轻松地立即看到您在项目中所做的更改。

颜色主题实时预览 ( Color Theme Live Preview )

When changing your color theme VS Code let's you preview them live when selecting one.

更改颜色主题VS Code时,可以在选择主题时实时预览它们。

终奌站 ( Terminal )

The ability to work with a full featured integrated terminal let's you run everything you normally would from your terminal of choice.

与功能齐全的集成终端一起使用的能力使您可以运行通常从选择的终端获得的一切。

图示 ( Icons )

VS Code offers icon theming so that you can switch between icon themes in the same manner you'd switch code themes.

VS Code提供图标主题设置,因此您可以以与切换代码主题相同的方式在图标主题之间切换。

使VS Code更熟悉的插件 ( Plugins To Make VS Code More Familiar )

The following plugins will map familiar keyboard shortcuts from your previously favorite editor to VS Code.

以下插件会将熟悉的键盘快捷方式从您以前喜欢的编辑器映射到VS Code。

Due to the relative recent release of this editor things like minimap haven't been created yet but VS Code's extension library is rapidly growing.

由于该编辑器的相对较新版本,尚未创建诸如minimap之类的东西,但是VS Code的扩展库正在Swift增长。

原子按键图 ( Atom Keymap )

This extension will make VS Code use Atom keyboard shortcuts after installing and restarting.

安装和重新启动后,此扩展将使VS Code使用Atom键盘快捷键。

https://marketplace.visualstudio.com/items?itemName=ms-vscode.atom-keybindings

https://marketplace.visualstudio.com/items?itemName=ms-vscode.atom-keybindings

Git Easy ( Git Easy )

Imports the following git commands for you to use from the command palette. Very similar to the one found in Atom.

从命令面板中导入以下git命令供您使用。 与Atom中的非常相似。

  • Git Easy: Init

    Git Easy:初始化
  • Git Easy: Add Origin

    Git Easy:添加原点
  • Git Easy: Add Remote

    Git Easy:添加遥控器
  • Git Easy: Add File/Directory

    Git Easy:添加文件/目录
  • Git Easy: Add All Modified

    Git Easy:添加所有已修改
  • Git Easy: Commit

    Git Easy:提交
  • Git Easy: Pull Current Branch from Origin

    Git Easy:从原点拉出当前分支
  • Git Easy: Push Current Branch to Origin

    Git Easy:将当前分支推向原点
  • Git Easy: Push Current Branch (to any remote)

    Git Easy:将Current Branch(推到任何远程)
  • Git Easy: Status

    Git Easy:状态
  • Git Easy: Create New Branch

    Git Easy:创建新分支
  • Git Easy: Change/Checkout Existing Branch

    Git Easy:更改/签出现有分支
  • Git Easy: Log All

    Git Easy:全部记录
  • Git Easy: Log Current File

    Git Easy:记录当前文件

https://marketplace.visualstudio.com/items?itemName=bibhasdn.git-easy

https://marketplace.visualstudio.com/items?itemName=bibhasdn.git-easy

崇高键盘 ( Sublime Keymap )

This extension will install Sublime Text keyboard shortcuts in VS Code after installing and restarting. Get the familiarity of Sublime Text keyboard shortcuts with VS Code's great Intellisense.

安装和重新启动后,此扩展程序将在VS Code中安装Sublime Text键盘快捷键。 通过VS Code出色的Intellisense熟悉Sublime Text键盘快捷键。

https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings

https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings

最佳扩展 ( Best Extensions )

VS Code doesn't need a lot of extensions but the following definitely allow you to become more productive. I've found the following plugins to be some of the most useful.

VS Code不需要很多扩展,但是以下绝对可以使您提高生产力。 我发现以下插件是最有用的。

自动文件名 ( AutoFileName )

When requiring local files this will give you autocomplete options based on the file path you type in.

当需要本地文件时,这将根据您键入的文件路径为您提供自动完成选项。

https://marketplace.visualstudio.com/items?itemName=JerryHong.autofilename

https://marketplace.visualstudio.com/items?itemName=JerryHong.autofilename

ESLint ( ESLint )

Adds support for ESLint and should start working automatically after installing and reloading VS Code.

添加了对ESLint的支持,应在安装和重新加载VS Code之后自动开始工作。

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

JavaScript(ES6)代码段 ( JavaScript (ES6) Code Snippets )

Speed up your ES6 development with a bunch of snippets. Type imd to get a quick:

通过一系列摘要加快您的ES6开发。 键入imd即可快速获得:

import { } from 'somewhere';

https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

专案经理 ( Project Manager )

Simple project manager for switching between projects quickly within your editor.

简单的项目经理,可在编辑器中快速切换项目。

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

排序行 ( Sort Lines )

Simple and sort lines of text extension. Also offers case insensitive, reverse, and unique sorting.

文本扩展名的简单和排序行。 还提供不区分大小写,反向和唯一排序。

https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines

https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines

Wallaby.js ( Wallaby.js )

A premium continuous test runner that creates visual feedback in your editor when your tests for the file you're working in pass or fail.

高级连续测试运行程序,当对您正在工作的文件进行测试通过或失败时,它会在编辑器中创建视觉反馈。

https://marketplace.visualstudio.com/items?itemName=WallabyJs.wallaby-vscode

https://marketplace.visualstudio.com/items?itemName=WallabyJs.wallaby-vscode

同步设定 ( Sync Settings )

Chances are you are coding on multiple computers. Moving your plugins and settings across computers is a breeze thanks to the Settings Sync extension by Shan Ali Khan.

您可能在多台计算机上进行编码。 借助Shan Ali Khan的Settings Sync扩展,轻松地在计算机之间移动插件和设置。

https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

git历史 ( Git History )

https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

编辑器配置 ( EditorConfig )

Adds support for EditorConfig so when you format a file it refers to this convention.

添加对EditorConfig的支持,因此在格式化文件时,它引用此约定。

https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

记录此 ( Document This )

Automatically generates detailed JSDoc comments in TypeScript and JavaScript files.

在TypeScript和JavaScript文件中自动生成详细的JSDoc注释。

https://marketplace.visualstudio.com/items?itemName=joelday.docthis

https://marketplace.visualstudio.com/items?itemName=joelday.docthis

npm Intellisense ( npm Intellisense )

VS Code extension that autocompletes npm modules in import statements.

VS Code扩展,可自动完成导入语句中的npm模块。

https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

对齐 ( Align )

Align text that have things that need to be aligned like =, :, and more.

有事情需要像排列对齐文本=: ,等等。

https://marketplace.visualstudio.com/items?itemName=steve8708.Align

https://marketplace.visualstudio.com/items?itemName=steve8708.Align

amVim ( amVim )

Best vim plugin for VS Code at the moment. Not the most downloaded vim plugin, but it works with multi-cursors unlike the higheset downloaded plugin.

目前最适合VS Code的vim插件。 不是下载次数最多的vim插件,但与higheset下载的插件不同,它可与多光标一起使用。

https://marketplace.visualstudio.com/items?itemName=auiworks.amvim

https://marketplace.visualstudio.com/items?itemName=auiworks.amvim

变更案例 ( change-case )

Quickly change the highlighted text to any number of cases. camelCase, PascalCase, underscore_delimited, CONSTANT, and more.

快速将突出显示的文本更改为任意数量的情况。 camelCase,PascalCase,underscore_delimited,CONSTANT等。

https://marketplace.visualstudio.com/items?itemName=zhengxiaoyao0716.intelligence-change-case

https://marketplace.visualstudio.com/items?itemName=zhengxiaoyao0716.intelligence-change-case

vscode图标 ( vscode-icons )

Get sweet looking icons in your sidebar for all file types.

在边栏中获取所有文件类型的漂亮图标。

https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons

https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons

翻译自: https://scotch.io/tutorials/best-of-visual-studio-code-features-plugins-acting-like-atom-and-sublime

atom和sublime

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值