切换到宽版

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
扫描二维码关注官方公众号
查看: 34|回复: 0

最强编辑器VS Code (一)初识VS Code简介、安装、运行等

[复制链接]
  • 打卡等级:以坛为家II
  • 打卡总天数:281
  • 打卡月天数:11
  • 打卡总奖励:121642
  • 最近打卡:2024-10-17 12:11:16
  • TA的每日心情
    奋斗
    昨天 12:11
  • 签到天数: 322 天

    连续签到: 163 天

    [LV.8]以坛为家I

    850

    主题

    65

    回帖

    214748万

    积分

    管理员

    A1ZEYDVFewbz1

    积分
    2147483647
    威望
    2147483647 点
    金钱
    2147483647 cb
    贡献值
    2147483647 点
    违规
    0 次

    最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

    QQ
    发表于 2024-7-17 17:13:31 | 显示全部楼层 |阅读模式

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

    您需要 登录 才可以下载或查看,没有账号?立即注册

    ×
    【宇宙最强编辑器VS Code】(一)初识VS Code(简介、安装、运行、用户界面、基本视图、状态栏、集成终端)


    1.VSCode简介
    vscode是微软公司开发的一款代码编辑器,为什么称之为宇宙最强编辑器呢?原因如下:
    • 开源免费
    • 轻量级
    • 跨平台
    当然,这只是最基本的,它对编程语言的支持更是强大:
    • 内置对JavaScript、TypeScript、Node.js的支持;
    • 其他语言的扩展生态系统:C/C++、C#、Java、Python、PHP、Go;
    • 运行时环境的支持:.NET、Unity;
    它提供的快捷键绑定扩展非常多(Vim, Sublime Text, IntelliJ, Emacs, Atom, Visual Studio, Eclipse)可以根据我们喜欢的而定,更加有效率的写代码~
    在代码管理功能方面,VScode内置了使用Git的代码管理,但是需要系统上先安装有Git。
    除此之外,它强大的扩展插件生态系统还提供各种代码主题、图标主题等等用于优化我们的工作环境,当然,如果你愿意,还可以使用网易云扩展听歌~
    2.安装运行VS Code2.1.下载
    VSCode是一个跨平台的软件,下载时选择与自己系统相匹配的:官方下载链接
    2.2.安装
    VScode在windows下的安装非常简单,双击安装包运行安装程序,选择合适的目录安装即可。
    2.3.运行2.3.1.可视化界面运行
    在菜单中选择VS Code或者点击桌面快捷图标直接运行即可:
    2.3.2.在命令行运行
    VScode在自动安装完成后会自动添加安装目录到环境变量中,重启后生效,然后我们可以在命令行使用code运行VSCode,其可选项如下:

    1. # 在当前目录下打开VS Code
    2. code .

    3. # 在当前目录下打开VS Code并添加到最近使用目录
    4. code -r .

    5. # 只打开VS Code,不打开任何目录和文件
    6. code -n

    7. # 打开VS Code并切换到指定的语言
    8. code --locale=es

    9. # open diff editor
    10. code --diff <file1> <file2>

    11. # open file at specific line and column <file:line[:character]>
    12. code --goto package.json:10:5

    13. # 在命令行输出VS Code的帮助
    14. code --help

    15. # 打开VS Code并禁用所有扩展
    16. code --disable-extensions .
    复制代码






    2.4…vscode文件夹
    在VScode打开一个目录时,会自动创建一个.vscode文件夹,位于打开目录下。
    例如:
    • tasks.json对于Task Runner;
    • launch.json调试器;
    3.VSCode用户界面
    Visual Studio Code的核心是代码编辑器:
    • 左侧采用通用用户界面和浏览器布局,显示您可以访问的所有文件和文件夹;
    • 右侧显示编辑器,显示已打开文件的内容;
    用户界面分为五个方面:
    • A:活动栏 - 位于最左侧,可以在视图之间切换;
    • B:侧栏 - 包含不同的视图,如资源管理器,可在您处理项目时为您提供帮助;
    • C:编辑器 - 编辑文件的主要区域,可以纵向和横向并排打开任意数量的编辑器;
    • D:面板 - 在编辑器区域下方显示不同的面板,以显示输出或调试信息,错误和警告或集成终端,面板也可以向右移动以获得更多垂直空间;
    • E:状态栏 - 有关已打开项目和编辑的文件的信息;
    4.五个基本视图4.1.资源管理器
    4.2.搜索功能
    4.3.代码版本管理
    VS Code内置Git代码版本管理(需要系统先安装Git),可以方便的进行源代码管理,此处不作详细介绍:
    4.4.代码调试
    VS Code中集成了强大的代码调试功能(配合调试器使用),在使用具体的编程语言时详细介绍:
    4.5.扩展插件
    VS Code的一个优势在于代码编辑器的强大,另一个就是VS Code拥有非常丰富的扩展生态系统,在此视图中可以看到当前已启用的扩展和应用商店中所有的扩展:

    都是
    点评回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    更多主题

    QQ|站点统计|Archiver|手机版|小黑屋|73327424's BBS ( 京ICP备05008343号|京公网安备11010602022017号 )
    免责声明:
    本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

    Mail To:3574358495@qq.com

    GMT+8, 2024-10-18 12:06 , Processed in 0.169170 second(s), 38 queries .

    Powered by Discuz! X3.5 Licensed

    © 2001-2024 Discuz! Team.

    快速回复 返回顶部 返回列表