神级编辑器VSC

日期:2015-12-30 23:51 | 标签: sublime | 阅读:624

VSC

参考(胡子哥教程):http://www.barretlee.com/blog/2017/04/21/something-about-vsc/
算是出来比较晚的编辑器,比sublime、atom 都要晚,不过有微软做后盾,其迭代速度超乎想象,是本人最爱的一款编辑器了,之前我在 Windows 上使用 VSC,在 Mac 上使用 sublime, 不过现在,我很乐意将我的 Mac 上的编辑器也换成 VSC 了。

在用的一些插件

更多可以查看官方推荐:https://code.visualstudio.com/docs/nodejs/extensions

DOC

设置集成终端

{
    "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"
}

代码格式

解决js单引号自动转换成双引号

"prettier.semi": false,
"prettier.singleQuote": true

trailingComma,指定为 es5 可以在数组和对象后自动加 ','

"prettier.trailingComma": "es5",

sublime

传说中的js编程神器,自然得试试了,但是本人是新手,装插件倒很顺手,但是有时候修改配置文件很繁琐,此外,记一些快捷键也很烦,不知道用一段时间后会怎样。

coffe高亮

按照这篇文章的介绍来就行:
http://mapleinywork.lofter.com/post/2db3b7_c4bc12

我用过的一些插件

  1. HTML-CSS-JS Prettify
    代码格式化工具,右键那么一点就可以格式化
  2. 我的主题: Flatland
    略微有点蓝色风格
  3. ejs
  4. nodejs
  5. Web-Inspector
  6. jscs,jshint,sass-lint,csslint (alloyteam推荐)
  7. angularJS,具有代码提示等功能
  8. 安装了这里的几款插件
  9. typescript,必须先sudo cnpm install -g typescript,再去安装该插件
  10. Auto Import 自动导入
  11. Bracket Pair Colorizer 括号显色
  12. FTP-Sync extension for VS Code, 配置同步
  13. angular/react 语言支持相关插件
  14. beutify 相关. 用于美化html/css/sass/js

我的配置

这里我在windows上的配置,与mac配置的区别是font_size不同。

{
    "auto_find_in_selection": true,
    "caret_style": "phase",
    "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
    "draw_white_space": "all",
    "ensure_newline_at_eof_on_save": true,
        // 在mac上设为12好看点
    "font_size": 14,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "ignored_packages":
    [
        "Vintage"
    ],
    "rulers":
    [
        80,
        100
    ],
    "tab_size": 2,
    "theme": "Flatland Dark.sublime-theme",
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true
}

参考

http://yanhaijing.com/tool/2016/06/30/my-sublime3/

版权声明: 署名-非商业性使用-禁止演绎 4.0 国际(CC BY-NC-ND 4.0
Copyright ©2013-2017 | 粤ICP备14081691号 | yipeng手工打造 | 联系方式