VsCode使用小记

言淦
808 阅读3分钟

01 配置图床

本地图床

1.安装Paste Image插件 20200411113755.png

2.插件配置
该插件有三个比较重要的参数：Default Name、Base Path、Path。

Default Name是图片的默认名称，我默认使用时间命名，即Y-MM-DD-HH-mm-ss。

Default Name 其他格式

Path决定图片存储的路径，我的是${projectRoot}/img，即我的图片统一存储在项目根路径下的img文件夹。

Base Path决定生成图片时的链接路径，如果设置成${currentFileDir}，即当前路径和img目录的路径差；如果设置为${projectRoot}，则是项目路径和img目录的路径差。

3.快捷键
复制：看你使用的插件
粘贴：Ctrl + V（Windows），Command + v（Mac）

腾讯云图床

1.插件：PicGo

2.插件配置 2020-2-1.png

3.创建腾讯云图床
3.1 选择的服务是对象存储
3.2 服务创建好后，需要创建一个存储桶来存储图片
3.3 存储桶创建时需要填写名称，访问权限选择 “公有读私有写”，服务端加密可要可不要
3.4 创建成功后可以获取到Area、Bucket（空间名称）、Custom Url三个参数
3.4 App ID、Secret ID、Secret Key参数需要到 API密钥管理界面 获取

4.快捷键

操作系统从剪贴板上传从文件管理器选择手动输入链接
Windows/UnixCtrl + Alt + UCtrl + Alt + ECtrl + Alt + O
OsxCmd + Opt + UCmd + Opt + ECmd + Opt + O

5.插件bug
每次上传的图片的文件名前面都会有undefined

ftp图床

使用Paste Image ftp插件（粘贴后将图片通过ftp方式上传到服务器，没尝试过，只是做个补充）

02 Snippet文本自动补全

当我们需要频繁输入某个词，或某段代码时，通过 snippet，我们仅仅输入一小段字符串，就可以在代码段引擎的帮助下，生成预定义的词语/代码。

1.选择目标语言的snippet（这里选择的是markdown）

20200411161928.png

2.填写snippets

# 自动填充标题
# markdown_template： snippet的名称
# prefix： 快捷词（提示语）
"markdown_template": {
    "prefix": "title",
    "body": [
        "# $TM_FILENAME_BASE",
        "$2"
    ],
    "description": "auto generate file title"
    }

snippet 变量表：

  • TM_FILENAME：当前文档的文件名；
  • TM_FILENAME_BASE：当前文档的文件名（不含后缀名）；
  • TM_DIRECTORY：当前文档所在目录；
  • TM_FILEPATH：当前文档的完整文件路径；
  • CURRENT_YEAR: 当前年份；
  • CURRENT_YEAR_SHORT: 当前年份的后两位；
  • CURRENT_MONTH: 格式化为两位数字的当前月份，如 02；
  • CURRENT_MONTH_NAME: 当前月份的全称，如 July；
  • CURRENT_MONTH_NAME_SHORT: 当前月份的简称，如 Jul；
  • CURRENT_DATE: 当天月份第几天；
  • CURRENT_DAY_NAME: 当天周几，如 Monday；
  • CURRENT_DAY_NAME_SHORT: 当天周几的简称，如 Mon；
  • CURRENT_HOUR: 当前小时（24 小时制）；
  • CURRENT_MINUTE: 当前分钟；
  • CURRENT_SECOND: 当前秒数

3.使用snippet

在Linux下，可使用 Ctrl + Space(空格)的快捷键；在Mac下，可使用Ctrl + M的快捷键。

参考：
blog.csdn.net/maokelong95… juejin.cn/post/684490…

03 配置markdown写作环境

1.插件： Markdown All in One + Markdown Shortcuts

2.常用快捷键
2.1 生成目录： Ctrl + Shift + P， 选择 "Create table of Contents"

2.2 图片上传： 参见上面的图床配置

2.3 文本补全： 参见上面的文本自动补全

Markdown其他功能：
code.visualstudio.com/docs/langua…

04 Html代码预览

方案一：View InBrowser插件
使用系统默认浏览器、只支持HTML、默认快捷键 Ctrl + F1、可自定义修改，命令名称为："extension.viewInBrowser"

方案二：Open in Browser插件
可指定其它浏览器、默认快捷键 Alt+B、可右键浏览器查看。

05 手动安装插件（Mac）

1.下载插件zip包，解压后是一个后缀为vsix的文件
2.命令安装：
blog.csdn.net/answer_king…
3.界面安装：

06 更换主题

目前选择主题：Atom One Darl Theme（2.1.0）

Vscode更换主题出现Cannot read property 'id' of undefined

07 配置C语言开发环境

插件：

  • C/C++（Microsoft）
  • CMake Tools Helper（cpptool，智能提示）
  • clang

配置步骤：
www.zhihu.com/question/57…
juejin.cn/post/684490…

常用功能

文本批量替换：Ctrl + H

弹出命令窗口： Ctrl + Shift + p

窗口刷新

比较两个文件的差别

关闭更新：
1.File -> Preferences -> Settings
2.搜索channel，将Update Channel设置为None

代码回退：

  • control +: 前进
  • control _: 后退

sql工具：安装sqltool、mssql工具即可

报错

1.Command 'markdown.extension.onBackspaceKey' not found

2.VSCode监控的文件数量超出最大值

当VSCode监控的文件数量超出最大值， 会出现如下警告："Visual Studio Code is unable to watch for file changes in this large workspace"。

解决办法如下：
1.检查现有文件监控数目

cat /proc/sys/fs/inotify/max_user_watches

上述命令在我的机器上显示的结果是：8192，这是Ubuntu 16.04系统的默认值。

2.修改文件监控数目
综合考虑实际需监控文件的数目和内存消耗情况，我将新的文件监控数目设置为：81920，即原来监控数目的10倍,使用vi对配置文件进行编辑：

sudo vi /etc/sysctl.conf

在该配置文件的最后一行加上下述语句：

fs.inotify.max_user_watches=81920

3.让配置文件中的新文件监控数目生效

sudo sysctl -p

4.输出结果为：

fs.inotify.max_user_watches = 81920

重新打开VSCode，只要当前文件夹内文件数目不超过81920个，就不会再出现警告信息了。

参考：
code.visualstudio.com/docs/setup/…

avatar
文章
阅读
粉丝