插件:
ms-ceintl.vscode-language-pack-zh-hans 中文包
vscode-icons-team.vscode-icons 项目图标
visualstudioexptteam.vscodeintellicode 提示
dushaobindoudou.translation 百度翻译 可设置快捷键
fudge.auto-using 自动using C#包
jchannon.csharpextensions C#扩展 感觉没啥用
hookyqr.beautify 排版工具
alefragnani.bookmarks 标签工具 代码打书签
ms-dotnettools.csharp C#
k--kato.docomment k--kato.docomment 打注释的快捷键 三杠///
lanmj2004.changeencode 编码转换(中文可能乱码)
formulahendry.code-runner 代码右键直接运行
bukas.gbktoutf8 编码转换(中文可能乱码)
zignd.html-css-class-completion css提示
adrianwilczynski.asp-net-core-switcher cshtml视图查看
fireside21.cshtml html查看
oderwat.indent-rainbow 缩进着色
2gua.rainbow-brackets 彩虹括号
local history 修改代码之后想找回历史代码可以使用
TODO Tree 定位到TODO标签上
Bracket Pair Colorizer 这款插件可以给()、[]、{}这些常用括号显示不同颜色,当点击对应括号时能够用线段直接链接到一起,让层次结构一目了然(感觉和前面的样式插件有冲突,cshtml里面连线颜色不突出)
Path Autocomplete 有时候程序需要读取文件,自己手动去复制文件路径还是比较麻烦的,不过有了这个插件就方便多了,它能自动感知当前目录下所有的文件,只需要你自己选择就好了。
filesize
一款在左下角显示文件大小的插件,还是挺实用的
One Dark Pro & Brackets Light Pro
这两款主体是我比较喜欢的,一个深色主体一个亮色主体,可以换着来。
xyz.local-history 本地的一个历史版本查看插件,改了代码可以看之前保存到版本,类似svn的日志,但是是按一次ctrl s就一个日志,占用本地目录 搜索时需要屏蔽.history
ryu1kn.partial-diff 比较文本差异的(但是呼出菜单感觉有点麻烦 没怎么用过)
pnp.polacode 代码截图工具 也是需要呼出菜单 ctrl alt p
abusaidm.html-snippets html代码片段
christian-kohler.npm-intellisense npm依赖补全
wix.vscode-import-cost npm包大小显示
mikey.vscode-fileheader 顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间
donjayamanne.githistory git历史
Project Manager,项目管理,让我们方便的在命令面板中切换项目文件夹,当然,你也可以直接打开包含多个项目的父级文件夹,但这样可能会让 VSCode 变慢;
ibm.output-colorizer 控制台log着色
softwaredotcom.swdc-vscode 代码时间(每天工作时间等等) 可能会引起vscode扩展宿主的崩溃 因为他要连接 国内连接不上的服务器
CSScomb,看名字应该可以联想到它的功能了吧?没错,正如其名,一把梳理 CSS 属性顺序的 “梳子”。CSS 属性书写顺序非常重要,一个合格的前端er 一定会有他遵循的 CSS 书写顺序规则。至于 CSS 属性书写顺序,这里我
推荐腾讯 AollyTeam,团队的规范:http://alloyteam.github.io/CodeGuide/#css-declaration-order
leetcode.vscode-leetcode 力扣
intellsmi.comment-translate 翻译内容*
hediet.vscode-drawio 绘图插件
配置
快捷键, 有很多按键和vs不一样 需要自己修改 没法直接导出 写几个常用的
需要手动设置的配置
搜索快捷键可以用 键位名,也可以用 中文比如 “快速修复”
插件的翻译功能,选择文本按快捷键会弹出翻译
当一个快捷键有多个绑定的时候可能会让快捷键触发不了,建议取消不认识的按键的绑定就不会冲突,打不出快捷键了
常用快捷键 方便的提升效率
ctrl p 打开搜索(可以搜文件 超级快)
ctrl shift p 也是一个搜索面板
自动换行的快捷键
调试配置
{
// Use IntelliSense to find out which attributes exist for C# debugging
// Use hover for the description of the existing attributes
// For further information visit https://github.com/OmniSharp/omnisharp-vscode/blob/master/debugger-launchjson.md
"version": "0.2.0",
"configurations": [
{
"name": ".NET Core Launch (web)",
"type": "coreclr",
"request": "launch",
"preLaunchTask": "build",
// If you have changed target frameworks, make sure to update the program path.
"program": "${workspaceFolder}/Enterprise.Web/bin/netcoreapp2.2/Enterprise.Web.dll",
"args": [],
"cwd": "${workspaceFolder}/Enterprise.Web",
"stopAtEntry": false,
// Enable launching a web browser when ASP.NET Core starts. For more information: https://aka.ms/VSCode-CS-LaunchJson-WebBrowser
"serverReadyAction": {
"action": "openExternally",
"pattern": "^\s*Now listening on:\s+(https?://\S+)"
},
"env": {
"ASPNETCORE_ENVIRONMENT": "Development"
},
"sourceFileMap": {
"/Views": "${workspaceFolder}/Enterprise.Web/Views"
}
},
{
"name": ".NET Core No build (web)",
"type": "coreclr",
"request": "launch",
//"preLaunchTask": "build",
// If you have changed target frameworks, make sure to update the program path.
"program": "${workspaceFolder}/Enterprise.Web/bin/netcoreapp2.2/Enterprise.Web.dll",
"args": [],
"cwd": "${workspaceFolder}/Enterprise.Web",
"stopAtEntry": false,
// Enable launching a web browser when ASP.NET Core starts. For more information: https://aka.ms/VSCode-CS-LaunchJson-WebBrowser
"serverReadyAction": {
"action": "openExternally",
"pattern": "^\s*Now listening on:\s+(https?://\S+)"
},
"env": {
"ASPNETCORE_ENVIRONMENT": "Development"
},
"sourceFileMap": {
"/Views": "${workspaceFolder}/Enterprise.Web/Views"
}
},
{
"name": ".NET Core Attach",
"type": "coreclr",
"request": "attach",
"processId": "${command:pickProcess}",
}
]
}
代码快捷触发
{
// Place your snippets for csharp here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Des": {
"prefix": "Des",
"body": [
"[Description("$0")]",
],
"description": "注释标签"
}
}
关于文件类型的扩展:
体验上的不足:
新建代码时没有模板(可能也可以用插件搞定)
中文不够友好,偶尔能找到乱码
调试模式不能很方便的复制异常内的变量
智能提示 代码跳转不够丝滑有时,但总体响应可以(大不了关闭重新打开,速度也是很快的)
体验上的优点:
打卡项目速度极快,比VS加载快N多
响应速度十分快,搜索文件秒速出来(ctrl p)‘
写代码无卡顿
查看引用等 各种ui都有体验上的改善
设置vscode方面能感觉到功能分得很明确,不像vs选项用得云里雾里
支持很多语言 且社区人数众多 很多人会帮助增加扩展
自由度很高,可以配置调试,可以自定义任务,而且文档全面,很多设置可以直接搜到
使用遇到的问题:
MVC添加控制器,工程文件中没有包含文件,导致了运行代码找不到视图控制器
有时没有提示:重启vscode能解决
有时扩展宿主会崩溃,重启vscode也能解决 不常见 似乎是遇到特定问题才会
有时会没有提示 或者提示卡顿 可以通过重新启动项目来获得提示;以及重启vscode
优化
vscode便携化(windows版)
文首的是我自己打包的一份,由于是有道云笔记的账号盘,所以不会过期
官方提供的方法,把vscode变成便携 U盘可以携带的
(下载压缩包(windows下压缩包下载地址 https://code.visualstudio.com/docs/?dv=winzip ),解压,创建data文件夹,在data下:创建extensions目录、创建user-data目录,然后按照链接的目录,复制原来的文件到创建的目录底下)
里面插件安装目录的有问题(windows平台),应该是:
%USERPROFILE%.vscodeextensions
本人配置的便携版(1.45.1) 设置的是 30天内有人下载此文件时,继续分享此文件:
https://www.wangwang13.xyz:5400/d/s/554665195398504468/tnEt7h4N74TS8TIUGeGeRzhiagAzQC40-FSDACAmYsgc_
有道云附件版(1.45.1)暂时不清楚我的会员没了还能不能下载
便携化之后的更新
windows下压缩包下载地址 https://code.visualstudio.com/docs/?dv=winzip
解压到便携版的目录,然后覆盖即刻完成更新;自动更新貌似不行,会下载到默认安装目录(2020年5月19日09:32:14)
便携化之后 卸载插件会存在卸载不完全的情况
其他
VS的话要双击解决方案,到了vscode是直接Open with Code 把目录打开到vscode,这样很多种语言就都兼容了
VsCode 插件开发(Windows下)