前端开发IDE、JS神器WebStorm5详细介绍

作者:小菜 更新时间:2025-03-16 点击数:1
简介:从最初的dreamweaver,到Notpad++,再到aptana,每一款IDE总让我我感觉少了点什么东西。

WebStorm却让我眼前一亮,虽然公司项目所用的

【菜科解读】

从最初的dreamweaver,到Notpad++,再到aptana,每一款IDE总让我我感觉少了点什么东西。

WebStorm却让我眼前一亮,虽然公司项目所用的开发环境是eclipse+aptana(主要是方便团队协作和工程调试),但是其他时间我都会学习使用WebStorm。

WebStorm有什么功能?

下面我把WebStorm的功能大致罗列一下(这里只说Javascript编辑的功能,其他的html和css之类的大家自己发掘,记得WebStorm可是支持Zencoding的哟,帅~):

1、智能的代码补全:

支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)

代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、代码格式化:

代码不仅可以格式化,而且所有规则都可以自己来定义:

3、代码编写中的html提示:

大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。

而且html里面还能有js提示

4、代码导航和用法查询:

只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义:

可以全项目查找函数或者变量,还可以查找使用并高亮:

5、代码重构(这个操作有些像Resharper,熟悉Resharper的用户应该上手很快):

支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等,比如:

内联变量重构之后变为:

6、代码检查和快速修复:

可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。

7、代码调试:

8、代码结构浏览:

可以快速浏览和定位

9、代码折叠:

10、包裹或者去掉外围代码:

去掉之后就成了:

怎么样,这些功能足够多了吧,其中的调试和重构包含了很多,这个还需要你来自己挖掘。

12在本页阅读全文 本文导航 第1页: 首页 第2页: WebStorm的强大之处 前端,开发,IDE,、,神器,WebStorm5,详细,介绍

Idea激活码如何使用

专业的在线重装系统软件 全新设计 / 全新代码编写 / 全新支持所有机型 全新支持Window 11 安装 Idea激活码怎么使用呢?当我们需要使用Idea软件的时候就一定要涉及到激活码的输入,为了能够及时的满足各位的需求以及软件的功能等等,下面小编将会提供一些Idea激活码使用方法。

工具/原料:系统版本:win7系统品牌型号:联想yoga13方法/步骤:进入help界面:1、首先在我们的电脑上点击打开intellij idea,点击help。

2、鼠标点击help之后,选择register。

3、进去intellij idea license activation的页面之后,点击“activation code”,在上面即可看见还免费试用多少天。

4、在activation code的页面中,输入Idea激活码,点击ok就完成了,这里的注册码大家可以百度去搜索获取最新的。

5、右下方将出现提示,且再次鼠标点击help- register,看见上面的信息licensed to lan you,subscription is active until may4,2019,代表已经注册激活完成了。

总结:1、打开intellij idea,点击help;2、选择register,点击“activation code”;3、输入Idea激活码,点击ok即可激活成功。

免责声明:本网站刊载的文章资料、产品序列号以及免费软件来源互联网,均出于为公众传播有益健康的信息为目的,并不意味着赞同其观点或证实其内容的真实性,我们不对其科学性、严肃性等作任何形式的保证。

windows7下安装配置phonegap3.0(cordavo)开发环境

公司用的是windows7,所以不得不再进行一次windows下的配置工作,顺便也写下来了主要麻烦的地方是要在win7下添加好几个环境变量,这一块地方特别要小心添加,步骤挺多的,给你打镇强心剂,看最终成功运行效果先,我还测试集成了某个广告联盟的SDK,如图:开始吧...注意:我下面如果给出的官方下载地址,请您自行去下载,因为我的win7是64位的,可能与你的有点不同。

你得下载正确的安装包1、下载nodeJS,并安装Nodejs官方下载地址:http://www.nodejs.org/一步步安装完即可2、下载androidsdkAndroidsdk下载地址:http://www.cr173.com/soft/21869.html下载完成后解压放置到某个文件夹内,比如我放置的文件夹是:E:\frameworks\adt-bundle-windows-x86_64-20131030看起来应该是这样的:此时你拥有的只是个androidsdk管理器,真实的androidsdk还需要进一步下载双击SDKManager.exe会打开sdk管理器,下载你需要的androidSDK包即可,如图:将androidsdk添加至计算机全局环境变量中在计算机上鼠标右击选择属性打开->系统面板->高级系统设置->环境变量->系统变量下点击新建按钮,应该是这样子的新建变量名:Android_Home变量值:E:\frameworks\adt-bundle-windows-x86_64-20131030\sdk变量值就是你刚刚放置androidsdk文件夹路径再在系统变量中找到Path变量,没有的话你自己建一个双击这个变量在变量值中加入:;%Android_Home%\tools别忘了前面有个”;”分号....新建变量名:Android_adb变量值:E:\frameworks\adt-bundle-windows-x86_64-20131030\sdk\platform-tools同样在Path变量中加入:;%Android_adb%\3、下载JAVAjdk建议下载jdk1.6版本安装,太高了eclipse有可能会运行不了啊亲..下载地址:http://www.cr173.com/soft/14285.html同样要将java加入全局环境变量中新建变量名:JAVA_HOME变量值:D:\Program Files\Java\jdk1.6.0_39我电脑上JDK的路径,你电脑上得换成你自己存放JDK的文件夹路径新建变量名:CLASSPATH变量值:.;%JAVA_HOME%\lib;%JAVA_HOME% \lib\tools.jar别忘了最前面那个"."号哦同样在Path变量中加入:;%JAVA_HOME%\bin;%JAVA_HOME%\jre \bin4、下载antAnt是apache的一个项目官方下载地址:http://mirrors.hust.edu.cn/apache//ant/binaries/apache-ant-1.9.3-bin.zip别问啥为什么要安装这个,反正不装的话在phonegap添加android平台时会报错添加ant至全局环境变量中新建变量名:ANT_HOME变量值:D:\apache-ant-1.9.3Path变量中添加:;%ANT_HOME%\bin好了,该添加的系统变量基本搞定了,大工程,巨麻烦,别弄错了。

想检查哪个项目在系统变量中有没有添加成功,只要在cmd命令行工具中输入那个项目的名称回车,看有没有反应即可,比如输入node-v如果会显示版本号,即说明安装成功了5、接下来是安装eclipse其实eclipse不安装也是可以的,但是强烈建议安装,全用命令行来处理,太麻烦是不?在你刚才下载androidSDK时,文件夹中应该有一个eclipse了,如果没有的话,就自己去官方下载一个吧6、下载ADT包供eclipse使用官方下载地址https://dl.google.com/android/ADT-22.3.0.ziphttp://www.cr173.com/soft/62158.html下载完成后,打开eclipse选择help->InstallNewSoftware打开Install面板,点击add...按钮,再点击archive...按钮找到你刚才下载的zip包,确定再安装完重启eclipse即可7、安装phonegap3.x(cordova)Phonegap被Adobe收购后就改名成cordova了,所以下面就以cordova来称呼在cmd命令行工具中输入npminstall-gcordovaNodejs自会动会帮你安装好cordova8、建立cordova项目打开cmd命令行工具,定位到你需要建立项目的目录后输入cordova create hello com.example.hello "helloworld"意思是建议一个hello文件夹,并在文件夹内建议叫”helloworld”的cordova项目com.example.hello可以说是你项目的id吧,暂时不用管进入hello文件夹cd hello添加android平台项目cordova platform add android好了hello文件夹下的platforms文件夹下已经有android项目了9、用eclipse打开android项目打开eclipse选择file菜单下的import打开导入面板选择android->Existingandroidcodeintoworkspace再点击next打开ImportProject面板,点击Browse...按钮,找到刚才建立的hello\platforms文件夹下的android文件点击finish后导入项目即可,如图:在左侧的包视图(PackageExplorer)中选择Helloworld再点击run菜单下的run会让你选择以什么样的方式运行,选择andoridapplication即可,然后会让你选择在哪里运行设备或Android模拟器 windows7,下,安装,配置,phonegap3.0,c

加入收藏
               

前端开发IDE、JS神器WebStorm5详细介绍

点击下载文档

格式为doc格式

  • 账号登录
社交账号登录