Webstorm是前端javascript开发编辑的神器,专门针对javascript开发进行优化,让前端工程师眼前一亮。所以第一次接触Webstorm的用户会问如何使用Webstorm?今天给大家介绍一下Webstorm的相关教程,希望大家喜欢。
使用教程介绍:任何编辑器都需要保存(ctrl+s),这是win平台上所有编辑软件的特点,但是webstorm在编辑文件的右上角没有大家熟悉的*。好处:省略ctrl+s后,和火狐的vim结合,基本不用移动鼠标就能看到结果页面。缺点:没有之前的*标识,万一键盘误操作会立即存储。
只要文件关闭,任何编辑器都没有历史记录,但webstorm有。VCS-& gt;本地历史-& gt;显示历史(快捷键:ALT+~-> 7)优点:只要webstorm没有关闭,你的文件总是可以回到之前的操作(这也是为什么在webstorm中ctrl+y删除一行)。缺点:webstorm关闭重启后这些历史记录就没了;另一个缺点是,由此产生的内存消耗必然相对较大。
任何编辑器,除了服务器svn,都没有本地版本,但是webstorm提供了本地文件修改历史(Mac中快捷键:ALT+SHIFT+c,Alt+Option+C)。也可以Ctrl+E弹出最近打开的文件。好处:相当于本地svn。缺点:内存消耗必然比较大。
它集成了zencoding、HTML5、ftp、即时编辑(chrome)、自动完成、基于Mozilla的JavaScript调试器、JSLint、Less支持、CoffeeScript支持、Node.js、单元测试、集成Git和svn版本控制。
写CSS的时候会智能提示各种文件和图片的路径,所以不需要确认这个文件是否存在。
引入了其他特征。如果想了解更多,可以去webstrom官网继续搜索。看了这个介绍和这么多强大的功能,是不是有一种马上尝试这款传说中的前端神器的冲动?嗯。
首先在官方下载页面下载webstrom后,点击安装,然后进行下一步。最后还会有需要注册码的界面,因为webstrom是商用IDE,当然中国的屌丝前端也没钱买这么贵的神器。不用担心,我们可以用WebStorm的钥匙学会使用这个前端神器。呵呵~ ~ ~ ~
安装成功后肯定会有一些不适,就像我一样,觉得这个配色真的太戳人了。有些设定我也不想要。然后我会列出我习惯的设置。
Webstorm安装技巧:如何改变主题(字体& amp;颜色匹配):文件-& gt;设置-& gt;编辑器-& gt;颜色和颜色。字体-& gt;方案名称。主题下载地址
如何让webstorm在不打开项目文件的情况下启动:file->;设置-& gt;常规,删除启动时重新打开最后一个项目。
如何完美显示中文:文件-& gt;设置-& gt;在外观中选中“替代默认字体(不推荐)”,并设置名称:NSimSun,大小:12。
如何显示行号:File-& gt;设置-& gt;编辑器中,勾选“显示行号”,将显示行号。
如何自动包装代码:File-& gt;设置-& gt;编辑器“在编辑器中使用软换行”被钩住,代码自动换行。
如何点击光标并显示在这一行的末尾:File-& gt;设置-& gt;编辑器“允许在行尾后放置插入符号”只需去掉勾号。
如何修改快捷键:文件-& gt;设置-& gt;键映射,然后双击要修改的快捷功能,会出现提示框,按照提示操作。
换成你熟悉的快捷键编辑器:File-& gt;设置-& gt;Keymap支持主流ide,如Visual Studio、Eclipse和NetBeans。
Javascript类库提示。文件-& gt;设置-& gt;JavaScript-& gt;库-& gt;然后在列表中选择你经常使用的javascript类库,最后下载安装。
在开发js的时候,我们发现需要ctrl+return来选择候选:file->;设置-& gt;编辑器-& gt;代码完成-& gt;预选第一个建议:将“智能”改为“始终”
Js提示符是慢速文件-& gt;代码完成-& gt;在中,将“自动弹出”下的1000更改为0。
Git配置:文件-& gt;设置-& gt;编辑器-& gt;Github进去改一下github的账号。如果你没有Github,你就不需要它。
插件安装:文件-& gt;插件,然后选择功能强大的插件进行安装。(“css-X-fire”插件,用于在使用firebug修改css属性时,改变编辑器中的css代码。)
稍后更新
Webstorm使用的是体验收藏夹功能:项目目录庞大时,往往会打开一些子目录,但层次较深。此时,您可以将该目录添加到收藏夹中。添加成功后,左侧有一个“收藏夹”菜单。
面包屑导航:除了左边的项目页面可以选择一个目录,在顶部菜单下的网站上有一个类似面包屑导航的目录也可以实现同样的功能。点击每个目录,会有一个下拉菜单显示其子目录,非常实用。
构造函数接口:符合格式的会出现注释。如果是js文件,就是js类的函数和对象;css文件是这个css文件的摘要;Html文件是节点的结构图。这些词只是为了方便检查代码的结构。
Todo接口:当您向代码中添加todo注释时,该接口将会出现。
双栏编码界面:在编码选项卡上右键单击文件,然后右键-& gt;垂直拆分或水平拆分(上下)
本地历史函数:找回代码的好方法
以上内容来自互联网,不代表本站全部观点!欢迎关注我们:zhujipindao。com
评论前必须登录!
注册