vue学习+vscode

一、 增加扩展
1. Chinese(Simplified) Language Pack for VS Code  中文（简体）语言包
2. open in browser   右击选择浏览器打开html文件
3. Auto Rename Tag   自动重命名配对的html/xml标签
4. CSS Peek          追踪到样式
5. JS-CSS-HTML Formatter   每次保存都会自动格式化js css和html代码
6. Easy LESS 插件用来把less文件编译为css文件
7. vetur   .vue文件插件，让.vue文件高亮显示
8. vueHelper
Vue谷歌浏览器调试工具VueTools安装地址： wjhsh.net/Object-L-p-12986211.html

8. PHP Intelephense  提示工具，支付代码提示、查找定义、类搜索等功能
9. PHP IntelliSense  函数跳转跟踪
   【eclipse中或者vc code中跳转到其它函数方法后如何快速返回原处？
   快捷键：ctrl + 鼠标左键：跳转到引用的方法。alt + left ：从所跳转到引用的方法返回原方法。
   alt + right：从原处返回到引用的方法。】
10. PHP Formatter     php代码缩进、代码美化工具

二、Emmet语法
html:
1. div      再按tab键
2. div*3    再按tab键
3. ul > li  再按tab键  (父子)
4. div+p    再按tab键  (兄弟)
5.  .demo或#two  再按tab键 (p.demo,默认就是div)
6. 生成div类名是有顺序的，可以用自增符号 $

css:
1. ta  再按tab键(text-align)
2. ti  再按tab键(text-indent)
3. w200 再按tab键(width:200px)
4. td  再按tab键(text-decoration)
5. lh  再按tab键(line-height)

三、cmd操作
按 Ctrl+C 退出当前运行的指令

/* 1. 加一个过渡效果会很好 过渡样式、过渡时间、速度曲线、等待时间  */
transition: all 0.3s;  
 
/* 2. 2D之水平移动(有3D)、旋转(有3D)、缩放、 倾斜。倾斜skew(x-