webstorm eclipse插件有哪些好用的插件

【干货】免费获得WebStorm软件
时间: 09:19:32
&&&& 阅读:2984
&&&& 评论:
&&&& 收藏:0
标签:&&&&&&&&&&&&&&&650) this.width=650;" src="/mmbiz/iaHL5mQLicPYOgyyt6vjcJ1sicfWjbibEg0KsWoMVguEArPXrl3JibBZYGMJx4t0Mg46wtuleEHkUPfvV0Sicn9D1sXg/0" style="height:" alt="0" />内容提要:1、WebStorm简介2、如何免费获得WebStorm3、利用学生身份免费获得正式版WebStormWebStorm简介WebStorm 是一款前端开发 IDE(集成开发环境),可以简单理解为,它是一个智能的、强大的代码编辑器。小编不是Web前端高手,因为要开发HTML5小游戏和使用Egret引擎,巧合之下接触了WebStorm,使用之后感觉真的不错,所以推荐给大家。WebStorm是JetBrains 公司旗下的商业软件产品,该公司还提供了 PhpStorm 和 Intellij IDEA(小编上次的文章介绍的Android Studio就是基于Intellij IDEA)这样支持语言范围更广的选择(其中是Intellij IDEA旗舰产品)。这些产品内核相同,操作大同小异,对于前端开发(包括 Node.js)来说,WebStorm 的功能完全足够了,而且它所需的系统资源也相对较低。语法着色、代码补全、代码分析、代码导航、格式化、快捷键、就地参考文档、实时纠错提示、代码重构、脚本调试、版本控制、单元测试、工程管理、收藏夹、Zen Coding、文件模板、代码片断、语言混编……你听说过的、你想到过的、你渴望的、你想像不出来的……所有的跟干活有关的功能,WebStorm 都可以做到,而且做得漂亮、简单快捷。前端技术日新月异,WebStorm 紧跟前沿技术,贴近开发者的实际需求。全面原生支持 ECMAScript Harmony、CoffeeScript、NodeJS、Jade、Sass/LESS、HTML5+CSS3,全面原生支持主流的库和框架,全面兼容主流的开发/部署工具,还有大量第三方插件,只有想不到,没有做不到。普通的文本编辑器和 Dreamweaver 之类的,相比之下太弱了。如何免费获得WebStormWebStorm 是收费软件,不过这不是大问题,我们有一些免费使用的方案:官方下载的版本都是可以 30 天免费试用的。到期之后还可以继续安装更新的&EAP&预览版 &&,继续合法免费试用。只要自己勤快一点儿,备份好个人设置,基本上可以一直免费用下去。所以,我完全不建议你去找什么破解版或盗版序列号。如果你是教师或学生,仅将其用于学习和作业,可以尝试申请免费的 教育版授权 &如果你足够厉害,有拿得出手的开源项目,还可以申请免费的 开源项目开发者授权 &&其实如果觉得好用,也不妨考虑购买一份正版授权。WebStorm 的个人版和企业版授权都是终生免费使用,一年内免费升级(包括大版本),十分厚道。价格也是相当亲民,个人版 $49,作为吃饭的工具真不算什么;商业版 $99,对靠谱的公司来说,这点投资不算什么你已经准备掏口袋了?别急,其实你还可以享受个折扣价。开源中国社区和 JetBrains 正在合作,面向中国用户推出正版开发工具的优惠活动(减50%),不可错过:JetBrains 个人版授权 &JetBrains 商业版授权 &利用学生身份免费获得正式版WebStorm首先你要有一张国际学生***(International Student Identity Card (ISIC)),或者有学生证的发放学校的注册邮箱,小编使用的是邮箱注册。在JetBrains的界面,点击WebStorm首页上的&Buy & Renew&(购买&更新)菜单,进入以下页面,650) this.width=650;" src="/mmbiz/iaHL5mQLicPYOgyyt6vjcJ1sicfWjbibEg0KicBwLwJLMUgjeqcyqwGW4Pa6svWZM5tatJIbBwIG3KIT7LiaNY3cxjcg/0" style="height:" alt="0" />点击右边的&For students and teachers(学生和教师入口),进入以下页面650) this.width=650;" src="/mmbiz/iaHL5mQLicPYOgyyt6vjcJ1sicfWjbibEg0KrbjZEmAr6libZoJJicjmV1NNAEmIk7uKYBMSHvukMHVyhFTib1hAWAn3g/0" style="height:" alt="0" />点击&Apply Now&(现在申请)按钮,在进入的页面里填入你的邮箱地址和姓名,如下图650) this.width=650;" src="/mmbiz/iaHL5mQLicPYOgyyt6vjcJ1sicfWjbibEg0KttDyNKOsWHwrAicgXTIjajjZlzasOKjvAaxMJOHAxZ1Ne0XWW17Zicsg/0" style="height:" alt="0" />填完之后,点击&Apply for Free Products&(申请免费产品)按钮,之后JetBrains会给这个邮箱发一封激活邮件。登录邮箱,点击激活链接,会进入JetBrains的一个页面,填入你自己喜欢的用户名和密码来创建JetBrains账户,就有了JetBrains的学生账户。现在我们下载WebStorm,如下图,有Windows版,Mac版和Linux版(所有版本都可以使用同一个学生账户来激活)650) this.width=650;" src="/mmbiz/iaHL5mQLicPYOgyyt6vjcJ1sicfWjbibEg0KFbQQqamFps2QPG02yCicf1TmktNft8zmSyHFQ5AyaHocLe29IQLHHTA/0" style="height:" alt="0" />下载你的操作系统的对应WebStorm版本,安装完成后,运行。在弹出的WebStorm窗口中,选择“Activate your license via -&JetBrains Account”(通过JetBrains账户激活证书),填入你刚创建的JetBrains账户和密码。如下650) this.width=650;" src="/mmbiz/iaHL5mQLicPYOgyyt6vjcJ1sicfWjbibEg0K0WriaibWeh7qGH2ZJOCGHtTqGD6wuOOlJftPtd84ApQsAiawpOibUhyuew/0" style="height:" alt="0" />当然,如果你是老师,或者是学校负责人,或者创业公司等,也可以免费获得WebStorm正式版,愉快地使用JetBrains的各种软件吧650) this.width=650;" src="/mmbiz/iaHL5mQLicPYOgyyt6vjcJ1sicfWjbibEg0K0mtpxpu3YJmWIsicJEPZ4KVxQJricBt4CjIYvvWzp5RTRPtfRMrp7iblQ/0" style="height:" alt="0" />WebStorm官网 &*&您若觉得本文不错,请“分享”*&新朋友请关注「程序员联盟」,公众号:ProgrammerLeague650) this.width=650;" class="CToWUd a6T" src="/proxy/gFSr1f9fIcsSa5pZCozGDq4CUOoXVX5suSNIdn-mh5kqghQGlPYPi3PmkL6MQ_WCHufAxgF0G23NsU43UA7KSKr99Uiker2d3HLhME4eQoAkAPeRZ4wvfGtc3GdtYnKmVaGCgHYYMsjLx6ZOf5EJOe4ILK1Z1t04_Yvq40n1VFiFZJUK7JUk6rEh9AnG0nEZ=s0-d-e1-ft#/mmbiz/iaHL5mQLicPYOgyyt6vjcJ1sicfWjbibEg0Kt1AENagXS7498waY1EPmdYicBh6NHN1LezYYaytz4NTxBpx8DtgD2Mw/0" style="height:" alt="0" />本文出自 “” 博客,请务必保留此出处标签:&&&&&&&&&&&&&&&
&&国之画&&&& &&
版权所有 京ICP备号-2
迷上了代码!webstorm使用之markdown插件 - 简书
webstorm使用之markdown插件
的相关语法,自己去官网看,或网上搜资料很多的。这里讲一下webstorm安装使用markdown插件。
打开webstorm,File--&Setting--&输入plugin--&Install JetBrains plugin...--&输入markdown--&点击右边的“Install”,安装完,重启webstorm。
新建test.md,然后编辑,如果没有效果的话。File--&Setting--&输入file type--&找到Markdown--&在下面的Registers Patterns添加上*.md。
狼行千里吃肉,狗行千里吃屎;活鱼逆流而上,死鱼随波逐流。温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!&&|&&
一个喜欢WEB的人。。。
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(9033)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_085066',
blogTitle:'插件/配色的使用—Webstorm入门指南',
blogAbstract:'Webstorm的插件Webstorm的插件丰富程度无法跟eclipse、sublime text、vim相比,但Webstorm本身就足够强大,并不大需要安装太多插件。Webstorm的插件库中有些还是很有意思,用户可以多挖掘下。(PS:idea的插件并不一定通用于webstorm)',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:6,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'一个喜欢WEB的人。。。',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人:
{list a as x}
{if !!b&&b.length>0}
他们还推荐了:
{list b as y}
转载记录:
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}WebStorm-的使用方法及插件安装【编辑web前端神器】 - 商路通
香港商路通商务咨询有限公司
网络推广,排名优化,网络推广,排名优化
您当前的位置: &
& WebStorm-的使用方法及插件安装【编辑web前端神器】
WebStorm-的使用方法及插件安装【编辑web前端神器】
点击图片查看原图
供货总量:
发货期限:
自买家付款之日起
有效期至:
最后更新:
浏览次数:
已缴纳 0.00 元保证金
联系人齐开元(先生)&&
会员 [当前离线]
电话手机地区天津-南开
地址九龙湾宏开道8号其士商业中心
WebStorm-的使用方法及插件安装【编辑web前端神器】
前端开发利器webStorm3.0配置使用;合适的工具会事半功倍,当然也得把握分寸,要不就成;webstorm的出现,最近又是3.0的新版本发;1.任何一个编辑器都需要保存(ctrl+s),这;换句话说,所有的操作都直接存储,这样带来的坏处就;省去了ctrl+s之后,在结合Firefox的v;2.任何一个编辑器只要文件关闭了就没有历史记录了;3.任何一个编辑
前端开发利器webStorm 3.0配置使用
合适的工具会事半功倍,当然也得把握分寸,要不就成了会得越多干的越多的“苦力者”。编辑类软件层出不群,各有所长,各有所短。找到一个合适的还真是难。还好有
webstorm的出现,最近又是3.0的新版本发布。为什么这么说呢,她与其它的编辑器有什么不同:
1. 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的米号的。
换句话说,所有的操作都直接存储,这样带来的坏处就是,没有以前的米号标识,万一键盘误操作也会被立即存储。
省去了ctrl + s之后,在结合Firefox的vim,基本不动鼠标就可以看到结果页面了。
2. 任何一个编辑器只要文件关闭了就没有历史记录了,但是webstorm有。就是说,只要webstorm不关闭,你的文件随时可以返回到之前的操作,webstorm关闭重启后这些历史记录就没有了。这样的坏处也是显然的,由此带来的内存消耗也必然比较大。
3. 任何一个编辑器,除了服务器svn之外,没有本地版本,但是webstorm提供一个本地文件修改历史记录。
4. 与时俱进的眼光。zencoding于2009年出现于it界,在这之后,鲜有工具直接集成到里边。webstorm 2.0之后就集成了。node.js,html5,git,cvs等 就不一一列举了。
5. 提供的插件也是比较齐全,安装非常方便。这样带来了另外的问题,以前的eclipse是安装第三方的,webstorm貌似不能安装第三方的插件。
6. 可以导出当前设置:File -& Export setting 下面就是导入设置。
其它的使用:
1. 主题,参照这里。(所需的文件下载 第4条中setting.rar即可,里边包括文章中提到的颜色配置文件)
2. 添加VIM插件:
File -& Settings -& Plugins -& Browse repositories -& 搜索vim,对它单击右键Download and install,然后重启IDE就可以了。
重启之后,控制台会输出: “8:50:07 IdeaVim: Vim keymap was successfully enabled” 说明vim插件安装成功。另外在aptana2.0里边安装vim插件,真是头痛,所有的文件都支持vim模式,在.html居然不支持,郁闷。
这样会出现另外一个问题,我如果想用ctrl+c,ctrl+v等一些默认的快捷键,该如何呢?安装VIM之后修改Defualt ,在Main menu -& Edit -& Copy 单击右键 Remove ctrl + Insert 只会剩下一个ctrl + c。这样配置后,可以使用部分默认的快捷键,90%的VIM快捷键。这之后还有
个问题需要注意,在webstorm重启之后,又被全局默认为vim快捷键,需要在File -& Setting -& Keymap -& Keymaps 中选择Default copy,要不然,还是全局的VIM快捷键。
3. 除了webstorm之外,此公司还提供另外一个针对phper的开发工具,phpStorm,主页上说明,phpstorm包括所有webstorm的功能。但是习惯于大括号去方法名在同一行显示,所以还得配置:
File -& Settings -& code style -& PHP -& Wrapping and Braces -& Braces placement -&
In method declaration : End of line.
4. zencoding由于其提供的快捷键,确实 zencoding快捷键修改:
File -& Setting -& Live Templates
这里边如果你修改一个没有什么特别的,但是如果要添加一个需要在下面需要类型:No applicable contexts yet. Define ,单击Define选择要添加的类型。
如何合理的修改,参考这里。
如果你对我修改后的文件设置感兴趣请点这里下载。 (其中就是从我的webstorm导出的setting.jar文件,包括主题,快捷键,zencoding.css等)
一次性导入:
导入:File -& Import settings...
下载后单独模块配置目录:win7 -& C:Usersjikey(用户名).WebIde10config
也可以一次性导出settings : File -& Export sttings...
5. 在开发js时发现,需要ctrl + return 才能选候选项,又需要配置:
File -& Setting -& Editor -& Code Completion -& Preselect the first suggestion:
Smart 改为 Always
6. 注意的地方是:Webstorm的调试是不支持中文路径中文文件名。
以下是webstorm的快捷键说明:
1. ctrl + shift + n: 打开工程中的文件(类似于eclipse中的ctrl+shift+R),目的是打开当前工程下任意目录的文件。
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 + ]/[: 选中块代码&table&....&/table&
14. ctrl + / : 单行注释
15. ctrl + shift + / : 块注释
16. ctrl + shift + i : 如果是css中的class则显示当前class详细信息,如果是js则显示function的详细信息,如果是php,那当时还是function的详细信息
17. ctrl + -/+ : 可以折叠项目中的任何代码块,包括htm中的任意nodetype=3的元素,function,或对象直接量等等。它不是选中折叠,而是自动识别折叠。
18. ctrl + . : 折叠选中的代码的代码。
19. shift + esc: 当前激活的任意小窗口最小化,也可以是alt + 数字键 ,数字在小窗口标题栏上有显示。
20. alt + 7 : 显示当前的函数结构。类似于eclipse中的outline的效果。试验了一下,要比aptana的给力一些,但还是不能完全显示prototype下面的方法名。
21. 如果是*.html页面,则在文件名下的导航栏某DOM结构上右键,可以全选当前DOM结构。
以下是jquery1.1在ws中效果,还有底下显示vim启动运行的提示,左侧显示数字标题栏名称。
以下vim常用快捷键:
一. 移动:
h,j,k,l: 左,下,上,右。
w: 下一个词的词首。W:下一个单词(不含标点)。 e:下一个词的词尾。E:不含标点。
b:上一个词的词首。B:不含标点。
&&: v 模式选中后进行缩进。
二. 跳转:
%: 可以匹配{}, ,(),[]之间跳转。
H、M、L:直接跳转到当前屏幕的顶部、中部、底部。 #H:跳转到当前屏的第#行。
#L:跳转到当前屏的倒数第#行。
zt: 当前编辑行置为屏顶。
zz: 当前编辑行置为屏中。
zb: 当前编辑行置为屏底。
G:直接跳转到文件的底部。
gg: 跳转到文件首。
gd: 跳转到光标所在函数和变量的定义。
():跳转到当前的行首、行尾。
{}:向上、向下跳转到最近的空行。
[{:跳转到目前区块开头。
]}:跳转到目前区块结尾。
0: 跳转到行首。
$: 跳转到行尾。
2$: 跳转到下一行的行尾。
#:跳转到该行的第#个位置。
#G: 15G,跳转到15行。
:#:跳转到#行。
三. 选择:
1.v: 开启可视模式。 V: 开启逐行可视模式。
2.^V: 矩形选择。
3.v3w: 选择三个字符。
4.ab:包括括号和()内的区域。
5.aB:包括括号和{}内的区域。
6.ib:括号()内的区域。
7.iB:括号{}内的区域。
8.aw:标记一个单词。
四. 编辑:
i: 光标前插入。
I: 在当前行首插入。
a: 光标后插入。
A: 当前行尾插入。
O: 在当前行之前插入新行。
o: 在当前行之后插入新行。
2. 修改 c(change) 为主:
r: 替换光标所在处的字符。
R:替换光标所到之处的字符。
cw: 更改光标所在处的字到字尾处。
c#w: c3w 修改3个字符。
C:修改到行尾。
ci :修改配对标点符号中的文本内容。
di :删除配对标点符号中的文本内容。
yi :复制配对标点符号中的文本内容。
vi :选中配对标点符号中的文本内容。
s:替换当前一个光标所处字符。
#S:删除 # 行,并以新文本代替。
3. 删除 d(delete) 为主:
D:删除到行尾。
X: 每按一次,删除光标所在位置的前面一个字符。 x: 每按一次,删除光标所在位置的后面一个字符。 #x: 删除光标所在位置后面6个字符。
d^: 删至行首。
d$: 删至行尾。WebStorm-的使用方法及插件安装【编辑web前端神器】由香港商路通商务咨询有限公司提供,该企业负责WebStorm-的使用方法及插件安装【编辑web前端神器】的真实性、准确性和合法性。商务路路通对此不承担任何保证责任。}

我要回帖

更多关于 webstorm svn插件 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信