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”),并使用GitHub的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? )
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不需要很多扩展,但是以下绝对可以使您提高生产力。 我发现以下插件是最有用的。
- Extension Marketplace: https://marketplace.visualstudio.com/VSCode 扩展市场: https : //marketplace.visualstudio.com/VSCode
自动文件名 ( 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