如何让webstorm代码效果插件识别php代码，有什么插件吗

来源：蜘蛛抓取(WebSpider) 时间：2016-09-17 04:16 标签： webstorm代码效果插件
webstorm的配置和使用 - 简书
webstorm的配置和使用
WebStorm相较其他的IDE优势；1智能的代码补全支持不同浏览器的提示，还包括所有用户自定义的函数(项目中),代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。2.代码格式化代码不仅可以格式化，而且所有规则都可以自己来定义。3.html提示大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。4.联想查询只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全项目查找函数或者变量，还可以查找使用并高亮5.代码重构这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。6.代码检查和快速修复可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。代码调试支持代码调试，界面和IDEA相似，非常方便。7.代码结构浏览可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。8.代码折叠功能虽小，不过胜在方便高效。9.包裹或者去掉外围代码自动提示包裹或者去掉外围代码，一键搞定。配置和使用：1.主题，把下载好的主题包放在C:\Users\jikey(用户名)\.WebIde10\config\colors目录下，然后重启webstorm，settings –& colors & fonts –&scheme name中选择主题名。如果出现特别长代码对齐白线，在Editor –& Appearance –& Show vertical indent guides 前面的勾去掉即可。2.添加VIM插件：File -& Settings -& Plugins -& Browse repositories -& 搜索vim，对它单击右键Download and install，然后重启IDE就可以了。3.除了webstorm之外，此公司还提供另外一个针对phper的开发工具,phpStorm，主页上说明，phpstorm包括所有webstorm的功能。但是习惯于大括号去方法名在同一行显示，所以还得配置：File -& Settings -& code style -& PHP -& Wrapping and Braces -& Braces placement -&In method declaration : End of line.4.zencoding默认的快捷键是Tab，如果你需要修改zencoding快捷键的话：File -& Setting -& Live Templates 。5.在开发js时发现，需要ctrl + return 才能选提示候选项，又需要配置：File -& Setting -& Editor -& Code Completion -& Preselect the first suggestion:’Smart’ 改为 Always6.注意的地方是：Webstorm的调试不支持中文路径中文文件名。下面是Webstorm的一些常用快捷键：1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. ctrl + []: 匹配 {}[]6. ctrl + F12: 可以显示当前文件的结构7. ctrl + x: 剪切(删除)行，不选中，直接剪切整个行，如果选中部分内容则剪切选中的内容8. alt + left/right:标签切换9. ctrl + r: 替换10. ctrl + shift + up: 行移动11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)12. ctrl + d: 行复制13. ctrl + shift + ]/[: 选中块代码14. ctrl + / : 单行注释15. ctrl + shift + / : 块注释16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息17. ctrl + '-/+': 可以折叠项目中的任何代码块，它不是选中折叠，而是自动识别折叠。18. ctrl + '.': 折叠选中的代码的代码。ctrl+/ 单行注释ctrl+shift+/块注释ctrl+shift+ +/-展开/折叠ctrl+alt+L 格式化代码ctrl+shift+ up/down 上下移动句子Alt+回车 导入包,自动修正Ctrl+N 查找类Ctrl+Shift+N 查找文件Ctrl+Alt+L 格式化代码Ctrl+Alt+O 优化导入的类和包Alt+Insert 生成代码(如get,set方法,构造函数等)Ctrl+E或者Alt+Shift+C 最近更改的代码Ctrl+R 替换文本Ctrl+F 查找文本Ctrl+Shift+Space 自动补全代码Ctrl+空格 代码提示Ctrl+Alt+Space 类名或接口名提示Ctrl+P 方法参数提示Ctrl+Shift+Alt+N 查找类中的方法或变量Alt+Shift+C 对比最近修改的代码Shift+F6 重构-重命名Ctrl+Shift+先上键Ctrl+X 删除行Ctrl+D 复制行Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/*...*/ ）Ctrl+J 自动代码Ctrl+E 最近打开的文件Ctrl+H 显示类结构图Ctrl+Q 显示注释文档Alt+F1 查找代码所在位置Alt+1 快速打开或隐藏工程面板Ctrl+Alt+ left/right 返回至上次浏览的位置Alt+ left/right 切换代码视图Alt+ Up/Down 在方法间快速移动定位Ctrl+Shift+Up/Down 代码向上/下移动。F2 或Shift+F2 高亮错误或警告快速定位代码标签输入完成后，按Tab，生成代码。选中文本，按Ctrl+Shift+F7 ，高亮显示所有该文本，按Esc高亮消失。Ctrl+W 选中代码，连续按会有其他效果选中文本，按Alt+F3 ，逐个往下查找相同文本，并高亮显示。Ctrl+Up/Down 光标跳转到第一行或最后一行下Ctrl+B 快速打开光标处的类或方法webstorm添加vue模板支持 - 简书
webstorm添加vue模板支持
在 Vue 中，可以利用一个 .vue 文件实现组件化，而不需要对每个组件分别建立 style, scripts 和 view。这样做的好处是使组件能更加直观，而坏处是目前有些 editor 对 .vue 的语法支持还是不太好。我用 Atom 写 .vue 的时候，&style& 的那一块并不能自动补全。不过我个人不依赖 css 的补全，所以没有太大的影响。如果你比较依赖这个，建议你还是把这些代码分离出来。
引用自Atom没用过,我是webstorm的死忠，所以还是可以so easy的添加对.vue的提示支持;默认情况编辑器会把.vue文件作为.txt文件的提示方式处理，这对开发纵然是不便利的;乍一看.vue文件的编写结构
\&style&css-样式
\&template&html-模板
\&script&js-脚本
这是什么?这不就是一个内联样式带有JS脚本的html文件吗!通过webstorm中的File Types配置 将.vue格式的文件注册为HTML文件类型,这样html中的代码提示也会被用到.vue上；设置演示：
这两个月有两款vue的插件可以在ws上使用，一款叫vue-for-idea 一款就叫vue；不过有个问题 我建议大家升级到ws2016版本 不然插件容易出问题；
再一个就是es6语法报错的问题，大家在设置中找javascript 在framework里将其设定为ECMAScript6.0即可
更新:评论区童鞋反馈vue-for-idea无法在idea的plugin资源中搜索到。因为已经被移除了，可能是被反馈用着不好？看作者也很久没有todo了

我要回帖

更多关于 webstorm代码效果插件 的文章

 

随机推荐