Webstorm怎么使用 Webstorm使用教程介绍
webstorm是一款前端javascript开发编辑的神器,专门为javascript开发做了很多优化,令前端工程师眼前一亮。那么第一次接触Webstorm的用户会问Webstorm应该怎么使用呢?今天就为大家介绍一下Webstorm的相关使用教程介绍,希望大家喜欢。
使用教程介绍:
任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的 * 的。
好处:省去了ctrl + s之后,在结合Firefox的vim,基本不动鼠标就可以看到结果页面了。
坏处:没有以前的 * 标识,万一键盘误操作也会被立即存储。
任何一个编辑器只要文件关闭了就没有历史记录了,但是webstorm有。 vcs->Local History -> Show History(快捷键:ALT+~ -〉7)
好处:只要webstorm不关闭,你的文件随时可以返回到之前的操作(这也是为啥在 webstorm 里ctrl+y是删除一行的原因了)。
坏处:webstorm关闭重启后这些历史记录就没有了;还有一个坏处就是由此带来的内存消耗也必然比较大。
任何一个编辑器,除了服务器svn之外,没有本地版本,但是webstorm提供一个本地文件修改历史记录(快捷键:ALT+SHIFT+c,Mac中 ALT+Option+c)。也可以 Ctrl + E 弹出最近打开的文件。
好处:相当于本地svn。
坏处:内存消耗也必然比较大。
集成了zencoding,HTML5,ftp,即时编辑(chrome),自动完成,基于Mozilla的JavaScript调试器,JSLint、Less支持、CoffeeScript支持、、单元测试、集成Git和svn版本控制等特性。
在编写CSS中,会智能的提示各种文件以及图片的路径,就不用再去确认这个文件是否存在了。
其他的特性就介绍了,想了解更多可以去webstrom官网继续寻找。看完了这么介绍以及那么多给力的特性,是不是有种冲动马上试一试这款传说中的前端神器啊?嗯。
首先在官方下载页下载webstrom后,点击安装,然后一直下一步,最后会出现需要注册码界面,因为webstrom是商业的IDE,而天朝的屌丝前端当然没那么钱去买那么昂贵的神器了,不用担心,我们可以用WebStorm的密钥来学习使用这款前端神器。嘿嘿~~~~
安装成功后,肯定会有些不适,就像我一样觉得这配色真的太戳了。还有一些设置也不是我也要的。那么以下我就列出我习惯的设置。
webstorm设置技巧:
如何更改主题(字体&配色):
File -> settings -> Editor -> colors&fonts -> scheme name.主题下载地址
如何让webstorm启动的时候不打开工程文件:
File -> Settings->General去掉Reopen last project on startup.
如何完美显示中文:
File -> Settings->Appearance中勾选Override default fonts by (not recommended),设置Name:NSimSun,Size:12
如何显示行号:
File -> Settings->Editor,”Show line numbers”打上勾,就显示行号了
如何代码自动换行:
File -> settings -> Editor “Use Soft Wraps in editor” 打上钩,代码就自动换行了
如何点击光标,显示在本行末尾:
File -> Settings->Editor “Allow placement of caret after end of line”去掉勾就行了。
如何修改快键键:
File -> Settings->Keymap,然后双击要修改快捷的功能会有提示框出来,按提示操作
换成自己熟悉编辑器的快键键:
File ->Settings->Keymap,支持像Visual Studio、Eclipse、NetBeans这样的主流IDE。
javascript类库提示。
File -> settings -> Javascript -> Libraries -> 然后在列表里选择自己经常用到的javascript类库,最后Download and Install就ok了.
在开发js时发现,需要ctrl + return 才能选候选项:
File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion: “Smart” 改为 “Always”
js提示比较迟缓
File -> Code Completion -> Autopopup in 下 1000改为0
Git配置:
File -> settings -> Editor -> github,进去改github的账户,如果没有git则不需要.
插件安装:
File ->plugins,然后就选择给力的插件们再安装.(“css-X-fire”插件,用于当使用firebug修改css属性时,编辑器内的css代码也会发生变化。)
以后更新
webstorm使用心得
收藏夹功能:
当工程目录很庞大时,有些子目录很经常打开,但层级又很深,这时候可以把目录添加到收藏夹里面,添加成功后,左侧有个“Favorites”菜单
面包屑导航:
除了左侧的工程页面,可以选择目录之外,在顶部菜单下有一个类似网站面包屑导航一样的目录也可以实现相同功。点击每个目录就会有下拉菜单显示其下的子目录,很实用.
构造器界面:
注释符合格式的话就会出现。如果是js文件则是js类的函数和对象;css文件的话则是这个css文件的概括;html文件的话则是节点的结构图。话说这几个就是为了方便查看代码的结构性.
todo界面:
给代码加todo注释就会出现这个界面
双栏代码界面:
右击代码选项卡上的文件,然后右键 -> spilt vertically(左右两屏)或者spilt horizontally(上下两屏)
本地历史功能:
找回代码的好办法
-
抖音东方甄选积分在哪看到?抖音东方甄选积分兑换在哪里?
抖音东方甄选的直播大家有看过吗?相比其他的直播间来说,东方甄选的直播间还是很有看头的,不仅商品介绍的很花哨,大家还可以加入会员,日后可以兑换东西,下面就和小编一起来看看抖音东方甄选积分在哪的相关信息。抖音东方甄选积分在哪看到?1,打开抖音,进入直播间。2.在直...
-
蛋仔派对微博联动皮肤怎么领取?蛋仔派对微博联动皮肤领取攻略
蛋仔派对微博联动外观来咯,大眼仔的颜值还是很高的,而且要求也很简单,大家只需要在蛋仔派对超话连续签到三天就可以获得了,下面就和小编一起来看看蛋仔派对微博联动皮肤的相关信息。蛋仔派对微博联动皮肤怎么领取?蛋仔派对可以领大眼仔联动外观啦!大家快点来蛋仔超话...
-
诗句“蓼茸蒿笋试春盘,人间有味是清欢”的“春盘”类似哪种食物?
支付宝庄园小课堂3月14日的问题是,诗句“蓼茸蒿笋试春盘,人间有味是清欢”的“春盘”类似哪种食物?正确回答就可以领取180g饲料喂养小鸡哦。一起来看看吧。2024年蚂蚁庄园3月14日庄园小课堂答案今天的问题是:诗句“蓼茸蒿笋试春盘,人间有味是清欢”的“春盘”类似哪...
-
淘麦vip黑钻有什么用?淘麦vip黑钻免费开通教程
看演唱会抢票大家也都经历过吧,现在大麦也推出了淘麦vip的玩法,作为会员之后在买票上还是有一定的优势的,不过很多人不清楚淘麦vip黑钻会员怎么来的?怎么买呢?多少钱呢?怎么才能成为淘麦vip黑钻会员呢?淘麦vip黑钻有什么用?淘麦VIP黑钻会员可以享受多重权益和服务,主要...
相关文章
- Kine Master视频编辑器怎么用 Kine Master相关使用教程介绍
- 英文励志手机壁纸 Tomorrow will be a better day
- windows live toolbar功能简介 整合服务 信手拈来 如何使用toolbar
- Spring breeze and I are both passers-by, and you bring your autumn waters to embrace the Milky Way.
- Always like this, remembers are too few,
- ʸᵒᵘ ᵐᵘˢᵗ ʷᵒʳᵏ ʰᵃʳᵈ ᵗᵒ ᵐᵉᵉᵗ ᵇᵉᵗᵗᵉʳ ᵖᵉᵒᵖˡᵉ.
- winterboard教程 winterboard怎么用?
- Who doesn't become stronger as they get hurt?谁不是一边受伤,一边学会坚强
- 努力成为最好的自己遇见最好的人How to become your best meet the best people
- QQ空间情感留言代码 The worst way to miss someone