編程入門自學軟件推薦「webstorm工具使用教程」

更改主題

去除WebStorm 默認打開上次最後啟動的文件

Preferences->System Settings ->將Reopen last project on startup前對勾去掉

摺疊快捷鍵:

command +/command – **打開/摺疊對應代碼塊**

shift command + / shift command – **打開/摺疊所有的代碼**

control+command + / control+command – **放大/縮小webstrom窗口**

移動代碼行

shift + command + **上下箭頭將光標所在的行向下或向上移動**

代碼規範

option + command + L **對當前頁面代碼進行格式整理**

快速查找

command **+ shift + F 全局查找或自己指定響應目錄**

command + F **在當前頁面查找**

command + O **查找類名command + shift + O **快速查找某個文件

插件

perferences —> Plugins

將代碼屏分成兩部分

右擊相應的**tab,**

選擇**split + vertically **豎直分成兩屏

選擇**split + horizontally **分成上下兩屏

安裝EsLint幫助我們檢查Javascript編程時的語法錯誤

安裝:Npm install gulp-eslint –save-dev

在你的項目目錄下,運行:eslint –init將會產生一個.eslintrc的文件,文件內容包含一些校驗規則

配置:在webstrom下Preferences搜eslint,導入相應配置文件

http://www.cnblogs.com/ruanyifeng/p/5283708.html

webstrom 對vue文件支持

把.vue文件在WebStrom的設置裏面的FileType設置為HTML,WebStorm就自動支持了.vue文件的高亮

歡迎補充更多好用的小技巧。

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/256173.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-15 12:34
下一篇 2024-12-15 12:34

相關推薦

發表回復

登錄後才能評論