转过路角忽然发现，3岁的儿子已在路口等着自己回来。
在0℃的江苏无锡街头，环卫工用双手疏通下水道。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
　　2016 年 9 月 23-24 日，由 CSDN 和创新工场联合主办的“MDCC 2016 移动开发者大会? 中国”（Mobile Developer Conference China）将在北京? 国家会议中心召开，来自iOS、Android、跨平台开发、产品设计、VR开发、移动直播、人工智能、物联网、硬件开发、信息无障碍10个领域的技术专家将分享他们在各自行业的真知灼见。
　　从8月8日起至9月4日，MDCC大会门票处于6.8折优惠票价阶段，五人以上团购更有特惠，限量供应（票务详情链接，6.8折优惠，欲购从速！）
　　微软在其官方GitHub上公布了一系列VS Code tips and tricks，本文为对它的翻译提炼，译者：张新慧。
　　入门自定义扩展文件/文件夹管理编辑技巧智能感应功能代码片段Git集成调试任务运行
　　下文提及的快捷键可能与机器最新设置不符，请参考官方快捷键说明。
　　1.入门
　　打开命令面板
　　轻松找出VS Code所有可用命令。
　　Mac：cmd+shift+por f1
　　Windows / Linux：ctrl+shift+por f1
　　快捷键偏好设置
　　所有命令（及其快捷键）均显示在命令面板中。如果忘记了如何操作，可随时查看。
　　快速打开
　　快速打开文件，运行命令（见下文）
　　Mac: cmd+p
　　Windows / Linux: ctrl+p
　　键入“?”获取帮助。
　　将命令复制粘贴到快速打开中
　　键入cmd+p，然后粘贴想要运行的命令，浏览扩展（插件）市场时尤为适用。
　　命令行参数
　　Linux: Follow instructions here.Windows: Follow instructions here.Mac: see below.
　　Linux指南和Windows指南参考：/docs/setup/setup-overview。
　　Mac指南见下文：
　　打开命令面板（F1）→键入“shell command”→回车键执行“Shell Command: Install ‘code’ command in PATH”。
　　# create a new windowcode -n # change the languagecode --locale=es # open diff editorcode --diff &file1& &file2& # see help optionscode --help
　　.vscode文件夹
　　工作区文件夹在 .vscode中，比如任务运行是tasks.json，检查漏洞是launch.json。
　　状态栏效果
　　错误和警告
　　Mac: shift+cmd+m
　　Windows / Linux: ctrl+shift+m
　　快速跳转到错误和警告。
　　按f8或shift+f8，循环错误检查。
　　更新扩展
　　更新扩展提示会出现在左下角状态栏。
　　更改语言模式
　　Mac: cmd+km
　　Windows / Linux: ctrl+km
　　2. 个人设置
　　这一部分个人发挥的空间很大，完整信息请参考：/docs/customization/overview。
　　设置编辑器
　　打开settings.json。
　　Mac: cmd+,
　　Windows / Linux: File -& Preferences -& User Settings
　　更改字体大小：”editor.fontSize”: 18
　　更改标签大小：”editor.tabSize”: 4
　　空格/标签：”editor.insertSpaces”: true
　　忽略文件/文件夹
　　清除编辑窗口中的文件/文件夹。
　　&files.exclude&: { &somefolder/&: true, &somefile&: true}
　　清除搜索结果中的文件/文件夹。
　　&search.exclude&: { &someFolder/&: true, &somefile&: true}
　　更多内容请参考：/docs/customization/userandworkspace。
　　预览主题
　　JSON验证
　　很多文件默认设置了json验证，可以在settings.json中创建自己的验证模式：
　　&json.schemas&: [ { &fileMatch&: [ &/bower.json&], &url&: &http://json.schemastore.org/bower&} ]
　　对于工作区中的模式：
　　&json.schemas&: [ { &fileMatch&: [ &/foo.json&], &url&: &./myschema.json&} ]
　　自定义模式：
　　&json.schemas&: [ { &fileMatch&: [ &/.myconfig&], &schema&: { &type&: &object&, &properties&: { &name&: { &type&: &string&, &deion&: &The name of the entry&} } } },
　　更多内容请参考：/docs/languages/json。
　　3.扩展
　　贡献点
　　参考：/docs/extensionAPI/extension-points
　　配置命令快捷键语言调试器语法主题代码片段json验证
　　找到扩展
　　官方VS Code市场；搜索产品（见下文）；浏览扩展推荐（见下文）；社区扩展产品，如awesome-vscode。
　　***扩展
　　Mac：cmd+shift+p
　　Windows / Linux：ctrl+shift+p
　　然后键入“ext install”。选择合适的扩展，再按回车键。
　　扩展推荐
　　Mac: cmd+shift+p
　　Windows / Linux: ctrl+shift+p
　　键入“ext”→选择“Show Extension Recommendations”
　　卸载扩展
　　Mac: cmd+shift+p
　　Windows / Linux: ctrl+shift+p
　　键入“ext”→选择“Show Installed Extensions”→点击extension card右下角的“x”
　　4.文件和文件夹管理
　　OS X布局
　　使用任务控制，将终端窗口和VS Code放在同一个屏幕上，就得到一个整合的终端啦！
　　自动保存
　　用cmd+,打开settings.json：
　　&files.autoSave&: &afterDelay&
　　开启侧边栏
　　Mac: cmd+b
　　Windows / Linux: ctrl+b
　　分割（Side by side）编辑
　　Mac: cmd+\or cmdthen click a file from the file browser.
　　Windows / Linux: ctrl+\
　　Linux: ctrl+2
　　编辑器切换
　　Mac: cmd+1, cmd+2, cmd+3
　　Windows / Linux: ctrl+1, ctrl+2, ctrl+3
　　切换到资源管理器窗口（explorer window）
　　Mac: cmd+shift+e
　　Windows / Linux: ctrl+shift+e
　　关闭当前文件夹
　　Linux: ctrl+kf
　　用ctrl+tab来浏览历史
　　向后浏览：
　　Mac: ctrl+-
　　Windows / Linux: alt+left
　　向前浏览：
　　Mac: ctrl+shift+up
　　Windows / Linux: alt+right
　　打开文件
　　Mac: cmd+eor cmd+p
　　Windows / Linux: ctrl+eor ctrl+p
　　文件关联
　　为无法精确检测的文件设置语言关联（即配置文件）：
　　&file.associations&: { &.eslintrc&: &json&}
　　5.编辑技巧
　　括号匹配
　　更多内容请参考：/docs/editor/editingevolved
　　Mac: cmd+shift+\
　　Windows / Linux: ctrl+shift+\
　　多游标选择
　　更多内容请参考：/docs/editor/editingevolved
　　Mac: opt+cmd+upor opt+cmd+down
　　Windows: ctrl+alt+upor ctrl+alt+down
　　Linux: alt+shift+upor alt+shift+down
　　为当前选择添加游标。
　　复制一行
　　Mac: opt+shift+upor opt+shift+down
　　Windows / Linux(Issue #5363): shift+alt+downor shift+alt+up
　　缩小/扩大选择
　　更多内容请参考：/docs/editor/editingevolved
　　Mac: ctrl+shift+cmd+leftor ctrl+shift+cmd+right
　　Windows / Linux: shift+alt+leftor shift+alt+right
　　符号查找
　　Mac: cmd+shift+o
　　Windows / Linux: ctrl+shift+o
　　定位特定的一行
　　Mac: ctrl+gor cmd+p, :
　　Windows / Linux: ctrl+g
　　撤销游标位置
　　Mac: cmd+u
　　Windows / Linux: ctrl+u
　　上下移动一行
　　Mac: opt+upor opt+down
　　Windows / Linux: alt+upor alt+down
　　修整行尾空格
　　Mac: cmd+shift+x
　　Windows / Linux: ctrl+shift+x
　　代码格式化
　　Mac: opt+shift+f
　　Windows / Linux: shift+alt+f
　　代码折叠
　　Mac: shift+cmd+[and shift+cmd+]
　　Windows / Linux: ctrl+shift+[and ctrl+shift+]
　　选择当前一行
　　Mac: cmd+i
　　Windows / Linux: ctrl+i
　　回到文件开端/末尾
　　Mac: cmd+upand cmd+down
　　Windows: ctrl+upand ctrl+down
　　Linux: ctrl+homeand ctrl+end
　　打开README预览
　　在markdown文件中使用：
　　Mac: shift+cmd+v
　　Windows / Linux: ctrl+shift+v
　　分割（Side by Side）Markdown编辑和预览
　　在markdown文件中使用：
　　Linux: ctrl+k v
　　6.智能感应
　　试用ctrl+space来启动建议栏，这一条可以说是最有用的建议了。
　　可浏览可用的方法、参数以及简短文档等等。
　　预览（peek）
　　选择一个符号，键入alt+f12，或者使用快捷菜单。
　　转到定义
　　选择一个符号，键入f12，或者使用快捷菜单。
　　查找所有引用
　　选择一个符号，键入shift+f12，或者使用快捷菜单。
　　符号重命名
　　选择一个符号，键入f2，或者使用快捷菜单。
　　jsconfig.json
　　在java源文件根上配置jsconfig.json，就可以使用ES6了。
　　{ &compilerOptions&: { &target&: &ES6&, &module&: &commonjs&}, &exclude&: [ &npm_modules&] }
　　.eslintrc.json
　　***eslint extension。按照个人喜好配置。具体说明参考：http://eslint.org/docs/user-guide/configuring
　　以下是使用es6的配置。
　　{ &env&: { &browser&: true, &commonjs&: true, &es6&: true, &node&: true}, &parserOptions&: { &ecmaVersion&: 6, &sourceType&: &module&, &ecmaFeatures&: { &jsx&: true, &classes&: true, &defaultParams&: true} }, &rules&: { &no-const-assign&: 1, &no-extra-semi&: 0, &semi&: 0, &no-fallthrough&: 0, &no-empty&: 0, &no-mixed-spaces-and-tabs&: 0, &no-redeclare&: 0, &no-this-before-super&: 1, &no-undef&: 1, &no-unreachable&: 1, &no-use-before-define&: 0, &constructor-super&: 1, &curly&: 0, &eqeqeq&: 0, &func-names&: 0, &valid-typeof&: 1} }
　　package.json
　　参考package.json文件中的智能感应功能。
　　***typings应用
　　***typings来引进.d.ts文件来激活java智能感应功能。
　　npm install typings --global# Search fordefinitions. typings search tape # Find an available definition (by name). typings search --name react# Install typings (DT is&ambient&, make sure toenable the flag andpersist the selection in`typings.json`). typings install react --ambient --save
　　install会创建一个typings文件夹。VS Code会引用.d.ts文件来启动智能感应功能。
　　Emmet语法
　　Emmet语法支持
　　7.代码片段
　　创建自定义代码
　　File -& Preferences -& User Snippets，选择语言，创建代码片段。
　　&create component&: { &prefix&: &component&, &body&: [ &class $ponent {&, &&, & render() {&, & return ($2);&, & }&, &&, &}&] },
　　更多内容请参考：/docs/customization/userdefinedsnippets
　　8.Git集成
　　Git工作流的流畅集成。
　　点击Git图标，选择要diff的文件。
　　分割（Side by side）
　　默认的是分割diff。
　　内联视图
　　点击下图所示的“more”选项来启动内联视图。
　　通过状态栏可轻松切换分支。
　　Staging
　　Stage所有文件
　　一次选择多个文件，再点击加号按钮。
　　Stage选择
　　Stage文件一部分的方法是：使用箭头选择该文件，然后点击“more”按钮来stage“selected lines”。
　　撤销最近一次命令
　　查看Git输出
　　有时难免需要了解工具的运行状况。有了VS Code，查看正在运行的命令更简单，这对于Git学习或是解决源代码管理问题尤为有帮助。
　　Mac: shift+cmd+u
　　Windows / Linux: ctrl+shift+u
　　运行toggleOutput要下拉选择Git。
　　边槽指示器
　　查看编辑器中的diff设置。更多内容请参考：/docs/editor/editingevolved
　　消除合并冲突
　　在合并时点击git图标，在diff view里做更改。
　　将VS Code设置为默认合并工具
　　gitconfig--globalmerge.toolcode
　　9.调试
　　配置调试器
　　点击F1，选择“Debug: Open Launch.json”，再选择环境，随后产生一个launch.json文件。Node.js等环境可以直接运行，可能需要额外配置其他语言。更多内容请参考：/docs/editor/debugging
　　断点和逐句通过
　　断点应在行数旁边。用调试插件向前浏览。
　　数据检查
　　检查变量在调试面板和控制台里。
　　10.任务运行
　　自动检测任务
　　按下f1，键入“Configure Task”，然后选择“Configure Task Runner”，会生成一个task.json文件，内容如下。更多内容请参考：/docs/editor/tasks
　　{ // See /fwlink/?LinkId=733558// for the documentation about the tasks.json format&version&: &0.1.0&, &command&: &npm&, &isShellCommand&: true, &showOutput&: &always&, &suppressTaskName&: true, &tasks&: [ { &taskName&: &install&, &args&: [&install&] }, { &taskName&: &build&, &args&: [&run&, &build&] } ] }
　　自动生成有时会出问题。参考上文的网址来了解正确操作方法。
　　在命令面板上运行任务
　　点击f1，运行命令“Run Task”，然后选择要运行的任务。运行“Terminate Running Task”来终止运行该命令。
　　关于移动开发新技术，更多精彩尽在MDCC 2016，详情请查看大会官网：MDCC 2016移动开发者大会。
欢迎举报抄袭、转载、暴力***及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
CSDN软件开发网
3009文章数
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格·云顿/乔·弗拉尼甘/Bianca Bree
主演：艾斯·库珀/ 查宁·塔图姆/ 乔纳·希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬***
******：86-10-
***邮箱：