WeTouch 开发文档

WeTouch 开发文档

VScode常用插件介绍

外观类:

配色:Solarized Dark,VS code内置。

图标:VSCode Great Icons给不同类型的文件配置不同的图标。

Mac OS可以在下图位置中设置:

windows电脑可以在下图位置中设置:

{
  "editor.cursorStyle": "block",
  "editor.fontLigatures": true,
  "editor.fontSize": 16,
  "editor.lineHeight": 24,
  "editor.lineNumbers": "on",
  "editor.minimap.enabled": false,
  "editor.renderIndentGuides": false,
  "editor.rulers": [120],
  "workbench.colorTheme": "Solarized Dark",
  "workbench.iconTheme": "vscode-great-icons"
}

代码风格检查

1、Vetur,格式化 .vue 文件,包括里面的 CSS、JS。

2、Prettier,格式化代码。使用方式:打开命令窗口 输入“ Format Document ”

编码效率

代码段

把常见的代码模式抽出来,通过 2~3 个键就能展开 N 行代码。

Javascript (ES6) Code Snippets,常用的类声明、ES 模块声明、CMD 模块导入等,支持的缩写不下 20 种。

自动补全

1、Auto Close Tag ,在打开标签并且键入 </ 的时候,能自动补全要闭合的标签;

2、Auto Rename Tag,在修改标签名时,能在你修改开始(结束)标签的时候修改对应的结束(开始)标签,帮你减少 50% 的击键;

3、Path Intellisense,文件路径补全,在你用任何方式引入文件系统中的路径时提供智能提示和自动完成。

功能增强

1、Color Highlight,识别代码中的颜色,包括各种颜色格式;

2、Bracket Pair Colorizer,识别代码中的各种括号,并且标记上不同的颜色,方便你扫视到匹配的括号。