前后端潮流编辑器之—VS code编辑器

最新推荐文章于 2024-06-21 10:30:43 发布

》》》《《《

最新推荐文章于 2024-06-21 10:30:43 发布

阅读量327

点赞数

文章标签： VSCode插件 javascript

本文链接：https://blog.csdn.net/wddwwwq1/article/details/107063960

版权

前后端潮流编辑器之—VS code编辑器

1. 下载 VS code https://code.visualstudio.com/

安装成功后，打开vs code,默认是英文版,我们需要通过插件去打造一款方便我们开发的编辑器

2. 安装插件

* Chinese (Simplified) Language Pack for Visual Studio Code

不知同学们有没有遇到这样一种情况，由于换工作或者电脑的时候，本来已经配置好的编辑器，在新的电脑上一夜回到了解放前，这就需要我们继续去扩展商店里找寻那些遗失的美好。。。

* Settings Sync

安装成功以后,在编辑器键如F1,然后输入sync,点击更新/上传设置

如下图，点击Login with github,跳转到github页面，登录自己的github账户，如没有账户，请自行注册
如果您是第一次使用设置sync同步，则在您上传设置时会自动创建GIST
如果您已经拥有GitHub Gist，则将打开新窗口，以允许您选择GitHub Gist或跳过以创建新的Gist。

打开设置 > setting.json 可以看到以下配置

   // *同步本地vs setting & plugin 到 gist
    "sync.gist": "0f97558d1f65678f187508caaff60a",
    "sync.host": "",
    "sync.pathPrefix": "",
    "sync.quietSync": false,
    "sync.askGistName": false,
    "sync.removeExtensions": true,
    "sync.syncExtensions": true,
    "sync.autoDownload": false,
    "sync.autoUpload": true,
    "sync.lastUpload": "2018-08-27T03:50:55.007Z",
    "sync.lastDownload": "",
    "sync.forceDownload": false,

此时，编辑器将自动上传和下载配置到本地或您的github账户

* Material Icon Theme 美化文件图标

您可以使用命令面板F1更改文件夹图标的设计："material-icon-theme.folders.theme": "specific"

* Dracula Official Visual Studio Code的深色主题

更多的主题，您可以按照自己的喜欢去找寻一款更适合于您的主题，可以在扩展商店搜索theme

安装成功以后，按以下步骤就可以改变主题背景颜色

以下便是刚才配置好的主题颜色

* GitLens — Git supercharged git 可视化及操作命名
在扩展商店搜索框输入git,安装如下图所示的git插件

如果您的代码是git项目，您可以通过下图的步骤去管理本地和远程仓库

这样可以省去git 命令行 git add git commit git pull git push等操作