溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關phpstorm下怎么設置babel編譯，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
phpstorm下設置babel 編譯
在phpstorm下使用擴展工具直接進行babel 編譯，主要是對jsx進行編譯，不用再引入browser.min.js,對學習reactjs有用處，初學走了不少彎路才弄懂，希望對初學者有所幫助，以下是配置步驟：
首先，安裝nodejs、phpstorm這個就不說了，官網看；
然后，npm install babel babel-cli babel-preset-es2015 babel-preset-react
(注意 這里不用在意是否是全局安裝，nodejs也可以選在安裝在d e f盤……)
打開phpstorm,點左上 file->setting->tools->External tools，然后點擊上邊的加號添加新的擴展工具
填寫擴展工具名稱BABEL，不多說，下面的配置就如上圖，配完點擊OK。
配置完后開始設置babel運行的快捷鍵：回到setting搜索 key，點擊keymap：
進入External tools->BABEL(babel編譯工具的名稱)，雙擊add keyboard shortcut設置（我用的Alt+n,快捷鍵不沖突就行）
最后一步,點開jsx文件，Alt+n 運行。
生成的js文件在html頁面里引用，然后打開瀏覽器就能看到效果，配置babel-preset-es2015 是一樣的方法，用不同快捷鍵。
對reactjs有一定了解，此文的配置方法才使用得當(^__^) （在webstorm下一樣適用）。
關于“phpstorm下怎么設置babel編譯”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
