|簡體中文

比思論壇

 找回密碼
 按這成為會員
搜索



查看: 1013|回復: 5
打印 上一主題 下一主題

VSCode新手入門教程

[複製鏈接]

6075

主題

0

好友

1813

積分

大學生

Rank: 6Rank: 6

  • TA的每日心情

    2024-9-15 04:17
  • 簽到天數: 6 天

    [LV.2]偶爾看看I

    推廣值
    0
    貢獻值
    0
    金錢
    2815
    威望
    1813
    主題
    6075
    跳轉到指定樓層
    樓主
    發表於 2023-10-7 00:37:37 |只看該作者 |倒序瀏覽
    汉化教程
    软件下载完毕后,它是英文版的。对于英文不好的可以试试汉化版的,上手会更快一点。
    汉化插件安装完成后,要重启后才会生效。

    常用快捷键
    如果想快速了解vscode中的快捷键,可以直接在官网或者在vscode中查找。
    快捷键为:ctrl+k ctrl+s
    里面可以查看各种快捷键的功能

    快捷键映射
    对于一些已经使用过sublime、idea等工具的,可以直接使用快捷键映射的方式把sublime、idea中的快捷键映射过来。如果之前没有使用过这些工具的,直接使用vscode的快捷键就可以了。

    自定义快捷键
    在vscode中还可以自定义快捷键,这样也可以在别的工具上使用熟悉的快捷键,使用在vscode中,方便的上手。

    插件安装推荐
    图标插件(vscode-icons):这款插件是文件图标库插件,至少能让你的工具看起来不那么丑,主要是起到一个美化的效果。其效果如下:
    如果安装了插件还是没有效果,请检查一下,你是否使用了此插件没有。

    html与css关联(CSS Peek):可以直接在html代码中,按ctrl+鼠标左键查看该元素的样式。



    万能语言运行环境 (Code Runner):如果你需要学习或者接触各种各样的开发语言,那么 Code Runner 插件可以让你不用搭建各种语言的开发环境,直接通过此插件就可以直接运行对应语言的代码,非常适合学习或测试各种开发语言。
    支持的语言有:C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, 以及一些自定义的命令。

    快速注释( Document This):优秀的代码除了优秀的性能、规范的格式,注释也是不可或缺的,而且注释也应该有一套标准的注释方法,特别对于 JavaScript 这种语言。Document This 可以快速地帮你生成注释,如一些函数的注释还能帮你抽取出参数的定义等,是你编写规范代码必备的工具。Document This目前仅支持JavaScript和TypeScript。

    CSS 类名智能提示(HTML CSS Support):它会提示一些类名供你选择。

    代码拼写检查(Code Spell Checker):此插件安装后就不用管就好了,在你代码中有单词拼写错误时,你就会发现它的好处,因为我们写代码毕竟都是大量的英文单词变量定义,插件还可以给出错误拼写单词的建议。如果单词有错下面就会出现波浪线。

    备忘插件(TODO Highlight):在很多的其他代码编辑器中都有 TODO 标注功能的,如你写到某一部分的代码时,其中部分的功能需要稍后再来实现,这是就可以在对应的代码处添加一个 TODO 类型的注释,那么后期就可以快速地跳转到这部分继续写,而且当项目很大的时候,TODO 就变得更加有用,因为有时候 TODO 可能有几十个,帮助你标注那些功能需要继续实现或优化。

    自动重命名标签(Auto Rename Tag):这个插件对你的标签修改起来一个很大的作用,当你修改起始标签的时候,结束标签也会随着起始标签的修改而修改



    html模板(HTML Boilerplate):就是一个很标准html5的模板插件,兼容新老版浏览器。

    代码格式化(Prettier - Code formatter):

    颜色提示(Color Info):

    自动闭合标签(Auto Close Tag):安装了这个插件后,如果你的起始标签不小心删除的结束标签,只要打 </ 就会自动补全,根据就近原则,一次只能补全一个标签。








    0

    主題

    0

    好友

    140

    積分

    小學生

    Rank: 2

  • TA的每日心情

    2023-11-19 22:50
  • 簽到天數: 21 天

    [LV.4]偶爾看看III

    推廣值
    0
    貢獻值
    0
    金錢
    1971
    威望
    140
    主題
    0
    沙發
    發表於 2023-11-5 04:42:53 |只看該作者
    支持你一下下。。
    回復

    使用道具 舉報

    頭像被屏蔽

    0

    主題

    1

    好友

    208

    積分

    禁止發言

  • TA的每日心情
    慵懶
    2023-11-16 22:28
  • 簽到天數: 58 天

    [LV.5]常住居民I

    推廣值
    0
    貢獻值
    0
    金錢
    1763
    威望
    208
    主題
    0
    板凳
    發表於 2023-11-7 19:50:12 |只看該作者
    提示: 作者被禁止或刪除 內容自動屏蔽
    回復

    使用道具 舉報

    1

    主題

    1

    好友

    627

    積分

    中學生

    Rank: 3Rank: 3

  • TA的每日心情

    2023-11-16 16:18
  • 簽到天數: 482 天

    [LV.9]以壇為家II

    推廣值
    0
    貢獻值
    0
    金錢
    1429
    威望
    627
    主題
    1
    地板
    發表於 2023-11-10 19:54:10 |只看該作者
    請善用帖子右下角舉報鍵,來檢舉有害網站/垃圾/宣傳帖,每個舉報會有金錢增加。
    这个贴不错
    回復

    使用道具 舉報

    頭像被屏蔽

    1

    主題

    1

    好友

    64

    積分

    禁止訪問

  • TA的每日心情

    2023-11-16 16:10
  • 簽到天數: 170 天

    [LV.7]常住居民III

    推廣值
    0
    貢獻值
    0
    金錢
    34
    威望
    64
    主題
    1
    5#
    發表於 2023-11-12 04:38:30 |只看該作者
    提示: 作者被禁止或刪除 內容自動屏蔽
    回復

    使用道具 舉報

    頭像被屏蔽

    0

    主題

    1

    好友

    507

    積分

    禁止發言

  • TA的每日心情
    慵懶
    2023-12-1 22:09
  • 簽到天數: 51 天

    [LV.5]常住居民I

    推廣值
    0
    貢獻值
    0
    金錢
    748
    威望
    507
    主題
    0
    6#
    發表於 2023-11-12 23:19:46 |只看該作者
    提示: 作者被禁止或刪除 內容自動屏蔽
    回復

    使用道具 舉報

    您需要登錄後才可以回帖 登錄 | 按這成為會員

    重要聲明:本論壇是以即時上載留言的方式運作,比思論壇對所有留言的真實性、完整性及立場等,不負任何法律責任。而一切留言之言論只代表留言者個人意見,並非本網站之立場,讀者及用戶不應信賴內容,並應自行判斷內容之真實性。於有關情形下,讀者及用戶應尋求專業意見(如涉及醫療、法律或投資等問題)。 由於本論壇受到「即時上載留言」運作方式所規限,故不能完全監察所有留言,若讀者及用戶發現有留言出現問題,請聯絡我們比思論壇有權刪除任何留言及拒絕任何人士上載留言 (刪除前或不會作事先警告及通知 ),同時亦有不刪除留言的權利,如有任何爭議,管理員擁有最終的詮釋權。用戶切勿撰寫粗言穢語、誹謗、渲染色情暴力或人身攻擊的言論,敬請自律。本網站保留一切法律權利。

    手機版| 廣告聯繫

    GMT+8, 2024-12-19 07:06 , Processed in 1.053894 second(s), 24 queries , Gzip On.

    Powered by Discuz! X2.5

    © 2001-2012 Comsenz Inc.

    回頂部