vsCode 快捷键

• Tips: 编码规范
  很多大型开源项目缩进其实不是4个空格，而是两个空格。 比如 vue, react 源码， 当然还是具体看公司的代码是怎么规范的。
  在 VScode 里设置 tab 为2个空格方法
  File : Preferences : Settings : 搜索 “tabsize” ： 第一个单选框的√去掉 （Controls whether）; tabsize 改为2 即可
• Shift + Alt + F： 格式化代码
• Ctrl + Shift + F : 一次搜索所有项目里的文件的文本
• Ctrl 点击 function 名字会自动跳转到对应的 function 位置
• 设置常用代码片段
  第一步，复制自己需要生成代码片段的代码；
  第二步，https://snippet-generator.app/在该网站中生成代码片段；
  第三步，在VSCode中配置代码片段
  

Sublime 速用教程

Tab 快捷键语法： (Emmet)

html:5
div#div_id.div_class{div_content}
input#input_id.input_class{content}
!
div > div 父子级
div + div 同级
ul>li*5 More: http://docs.emmet.io/cheat-sheet/

其他快捷键

• NodeJS Download
• ctrl + alt + f : 格式化 php ("php_path": "Data\\CodeFormatter\\php\\php.exe")
• ctrl + shift + h : 格式化代码 (HTML-CSS-JS Prettify) "windows": "NodeJS/node.exe",
• ctrl + shift + p ： install package 安装包 (Package Control)
• ctrl + ~ : 运行命令行
• ctrl + shift + c : copy 本地地址
• ctrl + l : 编译 js (JSline)
• ctrl + h : 替换
• ctrl + b : 编译 scss 为 css (Sass SASS Build)
• 其他包 ： css3 PyV8 HTML5, Local history, SublimeLinter 检查语法, Sublime-Linter-JSHint (CMD: npm install -g jshint)
  所有包： https://packagecontrol.io/browse
• 还要安装 NodeJS
• ctrl + k + b 显示/隐藏左导航
• ctrl + p 找左导航里面的文件 :输入 ":行数" 调到对应行
• 添加p 标签： Alt + Shift + W
• Move current line up or down: Ctrl + Shift + Up or Down
• 选中多行 同时编辑Multiple line selection: Ctrl + A, Ctrl + Shift + L, Home or End switch to beginning and ending.
  Multiple lines selection + Add HTML tags: Ctrl + A, Ctrl + Shift + L, Alt + Shift + W
• More shortcuts:
  Win: http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_win.html
  Mac: http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_osx.html

其他资料

1. Sublime Text 3 HTML/CSS/JS prettify 格式化 Vue文件: Preferences > Package settings > HTML/CSS/JS prettify > Plugins Options-Default
   找到”global_file_rules” > “html” > “allowed_file_extensions”，添加”vue”
   滚动到底部，找到”use_editor_indentation”, 把false改为true
2. 软件右下角点击Spaces，勾选Tab Width: 2就可以正常缩进为2个空格了
3. Sublime Text 3 Download: (recommend portable version)
4. Install Sublime Package Management:
   • a. Ctrl `
     b. Copy: import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
     c. Paste and Enter
   • a.ctrl+shift+p
     b.Install Package Control press enter
5. 安装包的时候要设置代理才可以 Proxy: 设置代理的三种方法
   a. hkce01.hk.ibm.com:80 这个方法只能在公司内网的时候好用
   b. https://github.com/shadowsocks/shadowsocks-windows/releases/download/2.5.8/Shadowsocks-2.5.8.zip + Chrome + SwitchyOmega
   Server IP: 104.224.166.169 Port:2468 Password: qf513BNB
   Proxy: 127.0.0.1:1080
   c. https://raw.githubusercontent.com/getlantern/lantern-binaries/master/lantern-installer-beta.exe
   127.0.0.1:8787
6. Ctrl + Shift + P, install, prettify, select HTML-CSS-JS Prettify, Enter
   Recommend install: Emmet, Local history, SublimeLinter, Sublime-Linter-JSHint (CMD: npm install -g jshint)
   Find more packages for Sublime Text： https://packagecontrol.io/browse
7. 函数的跟踪跳转
8. Shortcuts:
   Toggle side bar: Ctrl + K + B
   Command palette: Ctrl + Shift + P
   Quick-open files by name: Ctrl + P
   Multiple selection: Ctrl + D
   Add HTML tag: Alt + Shift + W
   Delete current line: Ctrl + Shift + K
   Duplicate current line: Ctrl + Shift + D
   Move current line up or down: Ctrl + Shift + Up or Down
   Multiple line selection: Ctrl + A, Ctrl + Shift + L, Home or End switch to beginning and ending.
   Multiple lines selection + Add HTML tags: Ctrl + A, Ctrl + Shift + L, Alt + Shift + W
   More shortcuts:
   Win: http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_win.html
   Mac: http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_osx.html
   
   7. Emmet shortcode：
   Create HTML： ! + Tab
   Write html tag:
   div.classname + Tab
   div#id1
   div.classname#id1{content}
   div.classname>div#id+ul>li.classname*5
   input.classname#id1[value= name=User]
   More: http://docs.emmet.io/cheat-sheet/