一、簡介
WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。被廣大中國JS開發(fā)者譽(yù)為"Web前端開發(fā)神器"、"最強(qiáng)大的HTML5編輯器"、"最智能的JavaScript IDE"等。
二、安裝
官網(wǎng)地址:http://www.jetbrains.com/webstorm/
去官網(wǎng)下載最新版本進(jìn)行安裝.
下載之后進(jìn)行安裝
啟動軟件
下面會要求你激活,如果不激活的只有免費(fèi)使用30天
激活碼可參考
很多人都發(fā)現(xiàn) http://idea.lanyus.com/ 不能激活了 很多帖子說的 http://15.idea.lanyus.com/ 之類都用不了了,最近封的厲害僅作測試。
紅的是最近大家親測過的
選擇 License server
(2016.11.16)
http://v2mc.net:1017
(2016.10.8更新)
http://idea.qinxi1992.cn/ilanyu
(2016.9.2更新)
http://idea.imsxm.com/
http://jetbrains.tencent.click
(2016.8.11更新)
http://114.215.133.70:41017
(2016.7.28更新)
http://idea.qinxi1992.cn
(2016.6.21更新)
http://121.42.190.89:1025
這個(gè)能用: http://idea.qinxi1992.cn/
三、使用
使用WebStorm創(chuàng)建一個(gè)項(xiàng)目
這里支持有很多的類型項(xiàng)目:
Empty Project ----一個(gè)空的項(xiàng)目
HTML5 Boilerplate ----HTML5開發(fā)框架
Web Starter Kit ----Web Starter Kit 是 Google的一個(gè)開源項(xiàng)目,它里面提供了一些工具,比如 BrowserSync,實(shí)時(shí)的預(yù)覽項(xiàng)目的變化,在不同瀏覽器上同步頁面的行為。
React App ----基于React.js用來開發(fā)iOS和Android原生App。
Twitter Bootstrap ----Bootstrap是Twitter推出的一個(gè)用于前端開發(fā)的開源工具包。
Foundation ----Foundation 是一個(gè)易用、強(qiáng)大而且靈活的響應(yīng)式前端框架,用于構(gòu)建基于任何設(shè)備上的響應(yīng)式網(wǎng)站、 Web應(yīng)用和電子郵件。結(jié)構(gòu)語義化、移動設(shè)備優(yōu)先、完全可定制。
Angular JS ----AngularJS有著諸多特性,最為核心的是:MVVM、模塊化、自動化雙向數(shù)據(jù)綁定、語義化標(biāo)簽、依賴注入,等等。
Angular CLI ----Angular CLI 幫助開發(fā)者快速創(chuàng)建Angular 2項(xiàng)目和組件
React Native ----ReactNative可以基于目前大熱的開源JavaScript庫React.js來開發(fā)iOS和Android原生App。
Node.js Express App ----Express 是一個(gè)簡潔而靈活的 node.js Web應(yīng)用框架, 提供了一系列強(qiáng)大特性幫助你創(chuàng)建各種 Web 應(yīng)用,和豐富的 HTTP 工具。使用 Express 可以快速地搭建一個(gè)完整功能的網(wǎng)站
PhoneGap/Cordova App ----PhoneGap/Cordova提供了一組設(shè)備相關(guān)的API,通過這組API,移動應(yīng)用能夠以JavaScript訪問原生的設(shè)備功能,如攝像頭、麥克風(fēng)等。
Yeoman ----Yeoman是Google的團(tuán)隊(duì)和外部貢獻(xiàn)者團(tuán)隊(duì)合作開發(fā)的,他的目標(biāo)是通過Grunt(一個(gè)用于開發(fā)任務(wù)自動化的命令行工具)和Bower(一個(gè)HTML、CSS、Javascript和圖片等前端資源的包管理器)的包裝為開發(fā)者創(chuàng)建一個(gè)易用的工作流。
Meteor App ----Meteor是跨時(shí)代的全棧Web開發(fā)框架,Github stars數(shù)已超越Ruby on Rails。使用它能夠迅速地開發(fā)實(shí)時(shí)的(Real-Time)和響應(yīng)式的(Reactive)應(yīng)用,并且可以在一套代碼中支持Web,iOS,Android,
Desktop多端。Meteor能夠輕松的和其他框架和應(yīng)用結(jié)合,如ReactJS,AngularJS,MySQL,Cordova等。
Dart ----Dart是一種基于類的可選類型化編程語言,設(shè)計(jì)用于創(chuàng)建Web應(yīng)用程序。
創(chuàng)建成功后的樣子
四、配置
4.1設(shè)置背景色為黑色
點(diǎn)擊settings
選擇之后點(diǎn)擊確定,然后整個(gè)軟件的顏色就全變黑了。
4.2設(shè)置字體大小
字體設(shè)置在Settings-->Editor-->Colors&Fonts-->Font下面
點(diǎn)擊Save AS 先另保存一份再進(jìn)行修改
名字隨便取、保存后修改字體為20
點(diǎn)擊OK就完成了修改。