webstorm2018是一款功能強(qiáng)大的html5編輯器以及最智能的javascript ide,軟件在國內(nèi)非常的受歡迎,被廣大中國JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。軟件增加了整合功能與美化界面,部分Git提交,更好的支持Vue.js和反應(yīng)的人,和完全重新設(shè)計(jì)的文檔,優(yōu)化了界面與部分功能,讓開發(fā)人員更便捷。
另附漢化包,需要請下載
webstorm2018漢化包安裝激活
1、首先解壓壓縮包,雙擊安裝程序進(jìn)行安裝
2、默認(rèn)安裝,也可以自己修改路徑,直至安裝完成后勾選“Run WebStorm”,點(diǎn)擊“Finish”
3、自動(dòng)彈出彈框,在新彈出的彈框默認(rèn)選擇,如果以前安裝過webstorm其他版本也可以選擇上面的導(dǎo)入上一版本的配置,點(diǎn)擊“OK”
4、彈出注冊界面后不管,先去打開C:\Windows\System32\drivers\etc目錄下的“hosts”,將“0.0.0.0 account.jetbrains.com”添加到hosts文件中,然后保存退出
5、再打開
瀏覽器輸入“http://idea.lanyus.com/”,點(diǎn)擊"獲取注冊碼"
6、再復(fù)制對(duì)話框中的注冊碼
7、回到WebStorm的激活界面,點(diǎn)選“Activation code”,并將注冊碼復(fù)制到下面的編輯框中,然后點(diǎn)擊“OK”即可激活成功
8、然后進(jìn)入歡迎界面,可以自己選擇主題和一些插件進(jìn)行下載,直到進(jìn)入WebStorm的初始界面
軟件特色
1、智能的代碼補(bǔ)全
支持不同瀏覽器的提示,還包括所有用戶自定義的函數(shù)。
代碼補(bǔ)全包含了所有流行的庫,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
2、代碼格式化
代碼不僅可以格式化,而且所有規(guī)則都可以自己來定義
3、html提示
大家經(jīng)常在js代碼中編寫html代碼,一般來說十分痛苦,不過有了智能提示,就爽多了。而且html里面還能有js提示。
4、聯(lián)想查詢
只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等,就能直接跳轉(zhuǎn)到定義;可以全代碼導(dǎo)航和用法查詢
項(xiàng)目查找函數(shù)或者變量,還可以查找使用并高亮。
5、代碼重構(gòu)
這個(gè)操作有些像Resharper,熟悉Resharper的用戶應(yīng)該上手很快,支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動(dòng)/復(fù)制、安全刪除等等。
6、代碼檢查和快速修復(fù)
可以快速找到代碼中的錯(cuò)誤或者需要優(yōu)化的地方,并給出修改意見,快速修復(fù)。
7、代碼調(diào)試
支持代碼調(diào)試,界面和IDEA相似,非常方便。
8、代碼結(jié)構(gòu)瀏覽
可以快速瀏覽和定位
9、代碼折疊
功能雖小,不過勝在方便高效
10、包裹或者去掉外圍代碼
自動(dòng)提示包裹或者去掉外圍代碼,一鍵搞定。
新增功能
1、新的UI的文件
迎接新的,更緊湊和輕量的文件彈出!
它采用了更加清晰和一致的格式呈現(xiàn)的 方法的參數(shù)提供的信息,他們的類型和返回類型的JavaScript和TypeScript。它也 渲染使用的JsDoc注釋降價(jià)
2、打字稿improvements
除了最新的打字稿2.7功能的支持,此更新改進(jìn)執(zhí)行成員行動(dòng)和添加新的環(huán)繞式保護(hù)為解決性能快速修復(fù)。
WebStorm現(xiàn)在也承認(rèn)他比其他配置文件的名字tsconfig.json
3、重命名類和文件
如果你運(yùn)行了–重命名重構(gòu)一類,WebStorm也建議 文件重命名它的用法有類相同的名稱。
如果你按Alt Enter對(duì)該類的名稱、接口或類型,您將看到一個(gè)新的 意圖表明重命名文件名
4、Reformat with Prettier
隨著新的Reformat with Prettier功能(ALT SHIFT CMD / Ctrl+P),你可以格式選定的代碼,一個(gè)文件或整個(gè)目錄的使用Prettier。
請注意,Prettier應(yīng)安裝為您的項(xiàng)目上或全局在你的軟件上
5、創(chuàng)建一個(gè)新的Vue項(xiàng)目
現(xiàn)在您可以創(chuàng)建新的Vue項(xiàng)目在WebStorm使用Vue CLI。
安裝它的運(yùn)行NPM install G VUE CLI,然后按創(chuàng)建新的項(xiàng)目 –vue.js在IDE的歡迎屏幕,并回答有關(guān)問題的模板和工具 你想使用你的新項(xiàng)目
6、提取Vue組件
創(chuàng)建一個(gè)新的Vue組件從現(xiàn)有的一個(gè),沒有任何的復(fù)制和粘貼–選擇模板和使用部分 重構(gòu)–提取物或按Alt Enter并選擇Vue成分提取。
WebStorm將創(chuàng)建一個(gè)新文件的組成部分,增加它的進(jìn)口,并通過所有 數(shù)據(jù)和方法與道具
7、本地應(yīng)用程序調(diào)試的反應(yīng)
與更新本地配置的反應(yīng),WebStorm現(xiàn)在支持更多的運(yùn)行和調(diào)試 情景:你現(xiàn)在可以單獨(dú)配置如何打捆開始還附加 調(diào)試器應(yīng)用程序已經(jīng)建立和啟動(dòng)裝置。
此外,您可以調(diào)試應(yīng)用程序使用博覽會(huì)在IDE
8、配置軟件包管理器
它已被更容易配置軟件包管理器在WebStorm–在Node.js和 NPM喜好,你可以選擇之間新公共管理和紗然后用它來安裝 依賴和運(yùn)行腳本。
如果你打開一個(gè)新的項(xiàng)目yarn.lock文件,如果WebStorm 它安裝在用紗
9、新的js調(diào)試控制臺(tái)
Node.js調(diào)試器現(xiàn)在有兩–控制臺(tái)選項(xiàng)卡的控制臺(tái)選項(xiàng)卡顯示節(jié)點(diǎn) 過程本身的輸出和新調(diào)試控制臺(tái)在那里你可以執(zhí)行JavaScript,看到 console.log消息,跳的位置console.log被稱為
10、部分有GIT
與部分Git支持承諾你現(xiàn)在可以提交唯一選擇的變化 from the file。使用不同的checkboxes in the view of the提交更改對(duì)話框選擇塊 代碼你想要自殺。
您還可以添加代碼來改變線新的更新用行動(dòng)在溝 編輯并提交變更
11、更多的Git的改進(jìn)
在實(shí)施的細(xì)節(jié),你現(xiàn)在可以在提交哈希點(diǎn)擊跳轉(zhuǎn)到這個(gè)承諾在日志。
當(dāng)你在做一個(gè)改變,現(xiàn)在有新的中止墊底,繼續(xù)墊底, 跳過犯在Git分支彈出可用的操作
12、完成去定義類
點(diǎn)擊命令/ Ctrl在類的名字在HTML將顯示導(dǎo)航不僅對(duì)其 聲明在編譯CSS文件鏈接在HTML文件,而且對(duì)SASS,SCSS或 源少。
在HTML代碼完成將建議類和ID的所有樣式表如果沒有 匹配符號(hào)鏈接的CSS文件
快捷鍵
打開軟件設(shè)置:ctrl+alt+s
復(fù)制當(dāng)前行當(dāng)下一行:ctrl+d
刪除當(dāng)前行:ctrl+y | ctrl+x
重新開始一行(光標(biāo)在當(dāng)前行任何位置):shift+enter
撤銷(返回到上一步):ctrl+z
取消撤銷(前進(jìn)到最后一次編輯節(jié)點(diǎn)):ctrl+shift+z
注釋:ctrl+/
代碼向上/向下移動(dòng)(以行/塊為移動(dòng)基準(zhǔn)):ctrl+shift+↑/↓
當(dāng)前文件搜索:ctrl+f
指定文件路徑(全項(xiàng)目下)搜索:ctrl+shift+f
查看本地文件和上次提交成功的改動(dòng)情況:ctrl+k,該快捷鍵打開的是git的commit界面
選中所有相同的詞語:ctrl+alt+shift+j
選中下一個(gè)相同的詞:alt+j
同一個(gè)項(xiàng)目的不同文件窗口間切換:ctrl+tab
更新日志
1、如果你遷移到webpack 4WebStorm現(xiàn)在可以檢查,并提供在WebPACK名字完成配置文件選項(xiàng)。
2、類似的測試,現(xiàn)在你可以NPM腳本運(yùn)行正確使用編輯器中的圖標(biāo)。
3、當(dāng)你復(fù)制HTML代碼JSX文件,WebStorm會(huì)自動(dòng)代替 類在事件處理程序與具體屬性的反應(yīng)。
4、新的檢驗(yàn)package.json警告你,如果一個(gè)安裝包的版本不指定范圍匹配。
5、更好的代碼完成SVG特性和CSS文件中的值。
6、現(xiàn)在你可以同步的IDE設(shè)置在多臺(tái)機(jī)器上使用JetBrains賬戶。
7、支持的ECMAScript的建議:逃離模板字符串序列,并命名為regexp lookbehind說法捕獲組,和類域。
8、改進(jìn)的代碼完成去定義為動(dòng)態(tài)進(jìn)口與import()。
0條評(píng)論