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

作者:小菜 更新时间:2025-03-16 点击数:
简介:从最初的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,详细,介绍

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

windowsphone8开发环境搭建

WindowsPhone8将采用与Windows8相同的NT内核,这就意味着WP8将可能兼容Win8应用,开发者仅需很少改动就能让应用在两个平台上运行。

由于内核变更,WindowsPhone7.x将不能升级到WindowsPhone8。

WindowsPhone8兼容所有WindowsPhone7.5的应用程序,但WindowsPhone8的所有原生程序无法在WindowsPhone7.5上运行,属于单向兼容。

为了让windowsphone8得到最大限度的兼容,WP8开发需要使用支持Metro应用的VisualStudio2012(VS11)集成开发环境,同时必须运行在Windows8上才能出现Metro应用等模板。

PC开发所需系统Windows8,必须是64位 安装顺序 Windows8——VisualStudio2012——SDK,除了系统,开发环境和工具包最好英文版 开发语言 所有语言都使用WinRT框架,所有METRO程序也基于这个框架,这个框架提供了程序模型、传感器、多国语言、图形、多媒体、网络、安全认证等等功能。

1..NET框架(C#、VB)中C#仍然是主流,相对于其他开发语言更易入门学习,.NET语言是设计精良的面向对象语言,在企业中使用也很广泛,写起程序更严 谨,更能和业务无缝连接,如果要想向Windows8上移植,.NET也更为方便。

2.C/C++,C++也可以用来写METRO,添加了一些扩展语法和WinRT衔接,但是仍然可以使用传统C++类库如STL,同时C++可以直接访问部分WinAP,包括大多数DirectX和多媒体函数。

C++方便开发高性能的游戏、多媒体应用。

Windows Phone SDK 8独立安装包地址: http://download.microsoft.com/download/F/5/6/F56AD199-EF12-43C7-8551-C095394D3B32/fulltril30/iso/wpsdkv80_chs1.iso 解压缩;双击WPexpress_full.exe安装。

1.先跑起来,看看体验怎样 建个默认的Windows Phone 工程,可以改改名字啊,位置啊,解决方案名什么的,这个随你来设置哈! 下面给个重度强迫症的示例图: 大势所趋,lumia 520都畅销了,用8.0吧,black更新有推送噢! 2.原来工程里是这样 左边是xaml的设计预览,所见即所得,往上面拖一拖控件,外壳就有了; 中间是xaml代码,预览相辅相成,写完代码回车,预览就有了;拖完控件,代码也就有了; 右边是解决方案,都是一些文件,见一张图简介。

一张图简介 嗯,有了个简单介绍,不跑跑,心里痒痒,选个模拟器 经过一杯茶的时间,嗯,模拟器启动了,进入应用了! 可以用鼠标右击,点一点,拖一拖,模拟单手指触控,感觉就是一部没插卡的lumia 520, 注意,模拟器里面不能登入微软账号,可以玩玩人脉用其他账号来哈![请专注于应用开发,玩就去玩真机,6寸大屏才过瘾~_~] 最后,总结下,开发Windows Phone 8 应用门槛很低,有Java基础,C语言看过了的,赶紧动起来去MSDN下载VS动手吧! 没有讲完。

机子的配置要求:能支持虚拟化的cpu,支持Hyper-V的U, intel i系列,AMD得查查。

至少4G内存,2G在VS update4安装后勉强带动了,略卡,请用 4G来开发吧,都已经是标配了! 硬盘空间,要有心理准备,装VS哪有不占空间的,给出20G来以后拓展,其实只要8G左右就行了。

windowsphone8,开发,环境,搭建,Windows

加入收藏
               

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

点击下载文档

格式为doc格式

  • 账号登录
社交账号登录