VSCode 小鸡汤 第00期 —— 安装和入门

简介

这将是一个新的系列，将会以 Visual Studio Code（后文都简称为 VSCode 啦）的操作，环境配置，插件介绍为主，为大家不定期的介绍 VSCode 的一些操作技巧，所以取名 VSCode 小鸡汤，本篇将会介绍最基础的 VSCode 安装，以及 VSCode 中基本的编辑功能

VSCode 安装

既然是 VSCode 小鸡汤，那么 VSCode 就是必不可少的了，不然就是白水煮葱姜了(´▽`) ，在 VSCode 官网 可以找到对应系统的 VSCode 的下载或是安装

官网

Windows 和 macOS

Windows 用户和 macOS 用户安装起来都比较容易，通过下载官方的安装程序或是 DMG 文件即可完成安装

Linux

Linux 向来都是折腾的代言，所以 Linux 的安装会比较麻烦，不过对于主流 Linux 发行版 VSCode 官方都提供了对应的软件源，只要版本不是太偏应该都很容易安装的，这里列举一些发行版的安装方法

下面大部分内容来自官方文档 Visual Studio Code on Linux

Debian 和 Ubuntu

在 Debian 和 Ubuntu 下最快捷简单的安装方式就是直接下载安装包 .deb package (64-bit) 通过图形界面或是命令行直接安装，使用安装包安装会自动安装软件源，这样以后也能自动升级，如果不使用包安装，那么可以手动添加软件源来安装

curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
sudo install -o root -g root -m 644 microsoft.gpg /etc/apt/trusted.gpg.d/
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'

之后可以通过 apt-get install code 来完成安装，或者 apt-get install code-insiders 安装 insider 版本（更新更快的测试版）

sudo apt-get install apt-transport-https
sudo apt-get update
sudo apt-get install code # or code-insiders

RH 系 —— RHEL，CentOS，Fedora

先安装软件仓库

sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'

之后如果是 Fedora 22 以后的版本可以直接通过 dnf 来安装

dnf check-update
sudo dnf install code

如果是其他的（Fedora < 22，CentOS，RHEL）那么通过 yum 来安装

yum check-update
sudo yum install code

RH 系也可以直接下载 rpm 包安装，但是这样安装后不会安装软件参数，无法自动更新，所以并不推荐这样安装

OpenSUSE 系

先安装软件仓库

sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ntype=rpm-md\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/zypp/repos.d/vscode.repo'

使用 zypper 安装

sudo zypper refresh
sudo zypper install code

ArchLinux

ArchLInux 有一个社区维护的 aur 包，可以直接安装

开始使用

安装完成后，大部分系统都会建立一个应用程序的启动器或者快捷方式，一般来说直接点击就可以打开了，打开后可以看到 VSCode 的主界面

VSCode

接下来介绍下使用 VSCode 时一些必备的知识

Activity Bar

左边竖着的是 VSCode 的 Activity Bar，上面初始从上到下分别是“Explorer（文件浏览器）”，“Search（搜索）”，“Source Control（代码控制）”，“Debug（调试）”，“Extensions（插件）”五个功能，这五个功能也是 VSCode 的基础功能，在安装其他插件后可能会在 Activity Bar 上增加新的按钮

VSCode 的项目结构组织

没有打开任何项目的情况下，打开 Explorer 界面我们可以看到当前打开的文件，下面会提示我们还没有打开目录

VSCode 中，一般来说打开目录就相当于是一个项目，我们在打开目录后可以在 Explorer 界面进行文件的增删改操作，也可以通过快速打开功能打开当前打开目录下的文件，查找功能也会搜索当前打开目录下的所有文件

open folder

如果需要一次打开多个目录，那么可以在 Explorer 空白处右键菜单中选择“Add Folder to Workspace”添加新的目录

Add Folder to Workspace

这时候 Explorer 会自显示 Workspace 下的所有项目

untitled workspace

这时候同样快速打开，搜索功能，都会支持搜索所有在 Workspace 中的目录，同时会显示文件是属于哪个目录

quick open

.vscode 目录

在打开项目的情况下，如果在当前项目或者工作空间，有特定的设置，或者有调试设置，那么 VSCode 会在项目目录下面建立一个 .vscode 目录用于存放 VSCode 对于项目或是工作空间的特定设置

使用 ⌘ - ,（Ctrl - ,）打开设置界面，其中 Workspace Setting 就是针对当前工作空间的设定

Workspace Setting

如果打开的工作空间有多个目录，那么还可以针对每个目录单独设定

Folder Setting

终端

使用 ⌘ - ` （Ctrl - `）可以快速在当前工作路径打开终端，使用加按钮，可以打开新的终端，使用垃圾桶按钮可以关闭当前的终端，点击终端选择下拉器可以选择当前终端，点击叉只是隐藏底部的区域，并不会关闭

Terminal

其他常用小技巧

  • 最近项目：在启动页面，如果之前打开过项目的话可以使用 Ctrl - r 选择最近打开的项目（文件夹或是工作空间）

recent folder

  • 快速打开：使用 ⌘ - p 可以打开快速打开界面，可以通过名称快速的搜索当前工作空间下的所有文件，在快速打开的搜索框中输入 > 可以打开 Command Palette（命令窗口），输入 @ 可以搜索当前文件的符号，输入 # 可以按名称搜索整个项目的 Tag，这些是常用的，输入 ? 可以看到所有的功能

Command Palette

  • 对于 VIM 用户：强烈建议使用 Vim 插件，并且开启 EasyMotion

VIM Extension

  • 换个文件图标主题：Material Icon Theme 看上去挺不错，不过偶尔也可以换换其他的

Material Icon Theme

  • 换点颜色主题：VSCode 中有很多颜色主题，过段时间换一换，感受下不同的气氛和心情

Color Themes

结语

这是我给大家带来的第一碗 VSCode 小鸡汤，内容含量可能不是很高，主要以安装和简单配置和使用为主，后续会跟上一些使用上的技巧或是环境搭建之类的主题，希望本文能给大家搬砖生活带来一些帮助，写的不好的地方大家也别吝啬该丢砖就丢砖

VSCode 之类的现代文本编辑器，在插件的搭配下已经可以慢慢的在部分方面接近 IDE 了，我已经全面使用 VSCode 约两年左右，目前在项目开发上已经慢慢疏远了曾经最爱的 VIM，毕竟搭配 Vim 插件后，与 VIM 已经非常接近了，并且有很多开箱即用的工具，个人一直侍奉的原则就是使用合适的称手的工具，而不为了炫技一定要用什么

最后欢迎大家订阅我的微信公众号 Little Code

Little Code

  • 公众号主要发一些开发相关的技术文章
  • 谈谈自己对技术的理解，经验
  • 也许会谈谈人生的感悟
  • 本人不是很高产，但是力求保证质量和原创

转载于:https://www.cnblogs.com/noark9/p/10040608.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/276802.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

.net生成文字图片

.net生成文字图片

System.Drawing.Bitmap bmpnew Bitmap(Bitmap.FromFile(Server.MapPath("42.jpg")));//载入图片 System.Drawing.Graphics gGraphics.FromImage(bmp); g.DrawString("abcd测试",new Font("黑体",18),new SolidBrush(Co…
阅读更多...
python可以调用windows资源吗_如何在Windows上用Python调用WinRar？还有问题吗

python可以调用windows资源吗_如何在Windows上用Python调用WinRar？还有问题吗

使用zipfile模块&#xff0c;我创建了一个脚本来提取我的归档文件&#xff0c;但是这个方法会破坏除txt文件之外的所有内容。在def unzip(zip): filelist [] dumpfold rM:\SVN_EReportingZones\eReportingZones\data\input\26012012 storage rM:\SVN_EReportingZones\eRepor…
阅读更多...
SQLServer、Mysql、Oracle 创建、删除用户和授予用户权限

SQLServer、Mysql、Oracle 创建、删除用户和授予用户权限

SQLServer 1、创建用户 CREATE LOGIN [用户名称] WITH PASSWORD用户密码, DEFAULT_DATABASE[默认数据库名称], CHECK_EXPIRATIONOFF, CHECK_POLICYOFF GO USE [数据库名称] GO CREATE USER [用户名称] FOR LOGIN [用户名称] WITH DEFAULT_SCHEMA[dbo] GO 2、授予全库只读权限 A…
阅读更多...
一次缓存性能问题排查

一次缓存性能问题排查

概述以下分享的都跳过了很多坑&#xff0c;包括redis、tomcat环境配置、机器硬件配置等等问题&#xff08;与线上保持一致&#xff0c;或者硬件性能减配系数&#xff0c;例如线上&#xff1a;8C16G&#xff0c;压测&#xff1a;4C8G&#xff0c;系数简单相差2倍&#xff09;&am…
阅读更多...
python 多个列表_Python同时迭代多个列表

python 多个列表_Python同时迭代多个列表

没有人会记得死的东西&#xff0c;所以要活下去&#xff0c;咬牙切齿的活下去&#xff01; import sys from itertools import chain from random import randint reload(sys) sys.setdefaultencoding(utf-8) 案例一 要求&#xff1a;一个班级有10个人&#xff0c;考试语数外三…
阅读更多...
再读新疆系列（六）——吹拂“卡拉库里湖”的风

再读新疆系列（六）——吹拂“卡拉库里湖”的风

一下飞机&#xff0c;导游王雪作了简短的自我介绍&#xff0c;马不停蹄地带着我们经喀什市区直接向帕米尔高原的“卡拉库里”湖走。 问午饭在哪吃&#xff1f; 答&#xff1a;“湖边”。 “几点能到&#xff1f;” “大约下午二点多。”妈呀&#xff0c;又经历一次残酷的饥饿历…
阅读更多...
记录一次webpack3升级到webpack4过程

记录一次webpack3升级到webpack4过程

升级之前也参考了一些网上的教程。借鉴之&#xff0c;进行的自己的升级。一些版本为什么设为那个版本号也是参考别人的结果。 整体是按照先升级npm run dev&#xff1b;在升级npm run build的顺序。 首先升级webpack&#xff0c;在package.json文件中将webpack版本号修改为4.8.…
阅读更多...
linux时间修改-hwclock和date

linux时间修改-hwclock和date

修改系统时间date 设定日期&#xff1a;date -s 月/日/年&#xff0c;例如设定日期为2018年12月1日&#xff0c;date -s 12/01/2018&#xff08;年也可以是两位&#xff09; 设定时间&#xff1a;date -s hh:mm:ss&#xff0c;例如设定时间为21:15:38&#xff0c;date -s 21:15…
阅读更多...
判断一个字符串是否为回文的递归算法

判断一个字符串是否为回文的递归算法

//编译器&#xff1a;GCC 4.2.1 运行环境&#xff1a;Redflag Linux 6.0 Desktop //如果在VC下编译可能要加入string和algorithm两个头文件并修改函数返回值类型 #include<iostream>using namespace std;int Ifhw(string s,string q,int &i){if(s[i]q[i]&&i!…
阅读更多...
plsql如何执行存储过程_如何理解Spark应用的执行过程

plsql如何执行存储过程_如何理解Spark应用的执行过程

从Spark应用的提交到执行完成有很多步骤&#xff0c;为了便于理解&#xff0c;我们把应用执行的整个过程划分为三个阶段。而我们知道Spark有多种运行模式&#xff0c;不同模式下这三个阶段的执行流程也不相同。本文介绍这三个阶段的划分&#xff0c;并概要介绍不同模式下各个阶…
阅读更多...
JS高级：事件冒泡和事件捕获；

JS高级：事件冒泡和事件捕获；

1、事件&#xff1a;浏览器客户端上客户触发的行为成为时事件&#xff1b;所有的事件都是天生自带的&#xff0c;不需要我们去绑定&#xff0c;只需要我们去触发 当用户触发一个事件时&#xff0c;浏览器的所有详细信息都存在一个叫做event的对象上&#xff0c;我们把它叫做事件…
阅读更多...
Vue于React特性对比（三）

Vue于React特性对比（三）

最近重学React&#xff0c;再次和vue做了对比。 一&#xff0c;为官方插件提供便利的第三方插件横行 React仅仅是一个ui框架。虽然官方提供了redux&#xff0c;react-router&#xff1b;但也有第三方的redux-thunk&#xff0c;redux-saga&#xff1b;还有react-router-dom。 而…
阅读更多...
MYsql 安装后启动服务1067错误

MYsql 安装后启动服务1067错误

今天很奇怪的问题&#xff0c; 新安装好的数据库 启动服务的时候就提示1067错误&#xff0c; 在网上找了资料是这样说的&#xff1a;MYSQL1067错误这里看 *************1安装&#xff2d;&#xff39;&#xff33;&#xff31;&#xff2c;后更改了&#xff32;&#xff2f;&am…
阅读更多...
vc如何打开plt图像_图像基本操作-open cv

vc如何打开plt图像_图像基本操作-open cv

import cv2 import matplotlib.pyplot as plt import numpy as np %matplotlib inline img cv2.imread(revolte.jpg) img # 读取的是array 格式 array([[[240, 243, 255],[239, 242, 255],[238, 241, 255],...,def cv_show(name,image):cv2.imshow(name,image)cv2.waitKey(0)c…
阅读更多...
自学编程需要注意什么？

自学编程需要注意什么？

1。选合适自己的职业&#xff0c;不同的职业门槛不一样&#xff0c;难度不一样&#xff0c;或多或少总有差别。 笨的选JS&#xff0c;有点底子的选Java&#xff0c;半调子的选Android或者是IOS-如果这两个职业还没完蛋的话。 不想写代码的选PM和UI&#xff0c;要求不高的选QA&a…
阅读更多...
帆软报表（finereport）table块钻取，返回记住table块位置

帆软报表（finereport）table块钻取，返回记住table块位置

<1>首先table块加初始化事件&#xff0c;idex为参数&#xff0c;参数值为$tab_idexsetTimeout(function(){_g().getWidgetByName("tabpane0").showCardByIndex(Number(idex)); },10) <2>在table块钻取位置&#xff0c;加js事件钻取var u navigator.user…
阅读更多...
python调用api应用接口_Python接口测试之urllib2库应用

python调用api应用接口_Python接口测试之urllib2库应用

在接口测试中或者说在网络爬虫中&#xff0c;urllib2库是必须要掌握的一个库&#xff0c;当然还有优秀的requests库&#xff0c;今天重点来说urllib2库在接口测试中的应用。urllib2定义了很多的函数和类&#xff0c;这些函数和类能够帮助我们在复杂情况下获取URLS的内容。这些情…
阅读更多...
破解MS Word 的只读密码限制

破解MS Word 的只读密码限制

如果你有Microsoft Office XP 或者 Microsoft Office 2003&#xff0c;你可以使用Microsoft Script Editor 来查看&#xff08;使用AltShiftF11 快捷键切换&#xff09;被限制的Word 文档的HTML&#xff0d;Code。当Word 文档在Microsoft Script Editor打开后&#xff0c;搜索关…
阅读更多...
CSS3透明背景表单

CSS3透明背景表单

在线演示 本地下载
阅读更多...
r-studio扫描后各种颜色_iPhone手机备忘录，原来还隐藏着扫描仪，你不会还不知道吧？...

r-studio扫描后各种颜色_iPhone手机备忘录，原来还隐藏着扫描仪，你不会还不知道吧？...

大家好&#xff0c;今天就来给大家讲一讲&#xff0c;iPhone手机备忘录里面的一个隐藏功能&#xff0c;大家对手机备忘录应该都不陌生吧&#xff0c;iPhone手机的备忘录里有一个扫描仪的功能&#xff0c;可以将纸质文档变成电子档&#xff0c;不知道的小伙伴就和我一起来看看吧…
阅读更多...
最新文章

Copyright @ 2022~2023