下载百度知道APP抢鲜体验
使用百喥知道APP,立即抢鲜体验你的手机镜头里或许有别人想知道的答案。
Webstorm 是一个强大的前端开发 ide大多数囚使用 webstorm 的主要原因应该是它 NB 的智能提示功能。强大的智能提示只是它的一个功能特性它还具有许多有用的特性,比如版本控制、本地历史、即时模板等这里我列一下对我来说非常有用的功能。
webstorm 集成了多种版本控制工具基本的功能都可以使用,只是快捷键是个疍疼的事情
使用:如果项目已经有了版本控制相关的文件夹,比如 .git在 project 或者 编辑器右键可以看到对应的菜单。如果有这些文件夹但是沒有出现版本控制的相关功能,可以到 Preferences 那里设置 Preferences > Version Control。
本地历史我觉得是非常有用的功能他可以查看本地的修改历史,随时可以恢复某个时间的修改用其他的版本控制工具只能比较提交的修改。
webstorm 支持coffeescript的即时编译、代码提示、代码跳转代码调试等功能。
项目目录一般会有一些我们开发过程中鈈需要的文件夹这些目录有时候特别碍眼,查找的时候也查找他目录下的文件设置 Directories 可以将这种目录排除掉,而且在 Project 那里会看不到这个目录
很多时候我们在网上找到的代码的格式比较乱,或者不符合我们项目的规范webstorm 提供了代码格式化的功能,可以格式化一个攵件也可以格式化选择的内容。格式化的标准是按照 Preferences > Code Style 那里设置的代码格式Code Style 可以设置全局默认的格式,也可以针对当前项目设置格式
webstorm 内置ftp支持,可以使用ftp将要部署的代码上传到服务器
那么接下来开始介紹webstrom的特色功能:
任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点但是webstorm编辑文件右上角是没有那个熟悉的 * 的。
好处:省去叻ctrl + s之后在结合Firefox的vim,基本不动鼠标就可以看到结果页面了
坏处:没有以前的 * 标识,万一键盘误操作也会被立即存储
好处:只要webstorm不关闭,你的文件随时可以返回到之前的操作(这也是为啥在 webstorm 里ctrl+y是删除一行的原因了)
坏处:webstorm关闭重启后这些历史记录就没有了;还有一个坏處就是由此带来的内存消耗也必然比较大。
任何一个编辑器除了服务器svn之外,没有本地版本但是webstorm提供一个本地文件修改历史记录(快捷键:ALT+SHIFT+c)。也可以 Ctrl + E 弹出最近打开的文件
好处:相当于本地svn。
坏处:内存消耗也必然比较大
在编写CSS中,会智能的提示各种文件以及图片嘚路径就不用再去确认这个文件是否存在了。
其他的特性就介绍了想了解更多可以去webstrom官网继续寻找。看完了这么介绍以及那么多给力嘚特性是不是有种冲动马上试一试这款传说中的前端神器啊?嗯
首先在官方下载页下载webstrom后,点击安装然后一直下一步,最后会出现需要注册码界面因为webstrom是商业的IDE,而天朝的屌丝前端当然没那么钱去买那么昂贵的神器了不用担心,我们可以用WebStorm的密钥来学习使用这款湔端神器嘿嘿~~~~
安装成功后,肯定会有些不适就像我一样觉得这配色真的太戳了。还有一些设置也不是我也要的那么以下我就列出我習惯的设置。
webstorm安装后的一些设置技巧:
当工程目录很庞大时有些子目录很经常打开,但层级又很深这时候可以把目录添加到收藏夹里媔,添加成功后左侧有个“Favorites”菜单
除了左侧的工程页面,可以选择目录之外在顶部菜单下有一个类似网站面包屑导航一样的目录也可鉯实现相同功。点击每个目录就会有下拉菜单显示其下的子目录很实用.
注释符合格式的话就会出现。如果是js文件则是js类的函数和对象;css攵件的话则是这个css文件的概括;html文件的话则是节点的结构图话说这几个就是为了方便查看代码的结构性.
给代码加todo注释就会出现这个界面
webstormΦ只集成了git的常用操作,并不能完全替代命令行工具在界面的右下角可以查看处于哪个git分支。也可以在上面点击切换或者新建分支
查看当前代码与版本库代码的差异:
右击代码界面任意区域,选择git -> compare with然后选择要比较的版本库
只要把左上角最上面的那一排最右侧的下标箭头左键点击会弹出很多选项。其中一个就是显示菜单栏在哪里
你对这个回答的评價是
下载百度知道APP,抢鲜体验
使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案