翻譯|使用教程|編輯:李爽夏|2018-10-25 13:39:13.000|閱讀 1035 次
概述:本篇文章介紹了在Eclipse中使用Vue的功能和步驟。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
CodeMix在線訂購年終抄底促銷!火爆開搶>>
Vue.js是用于構建用戶界面的漸進式框架。 核心Vue庫僅側重于視圖層,但很容易將其與其他庫或現有項目集成; Vue也非常適合在現代網絡空間中為單頁應用程序提供支持。 如果您想在Eclipse中使用Vue進行開發,那么CodeMix就是您的最佳選擇!
CodeMix是一個Eclipse插件,允許您直接將代碼OSS擴展添加到Eclipse中 - 只需安裝Vetur擴展即可獲得一流的Vue開發支持。 CodeMix與基于Eclipse的IDE和工具(如MyEclipse,Spring Tools Suite和JBoss Tools)兼容,因此您可以繼續在您習慣的環境中工作。
帶有HTML標記,CSS樣式和JavaScript代碼的單個.vue文件使開發Vue組件變得方便。 您可以獲得每個部分的預期語法突出顯示,片段和內容輔助。 IntelliSense了解您的組件的模型(數據,屬性等),建議包括適當的這些實體,以及標記中的Vue特定屬性完成。
Vetur擴展是Vue支持所需的唯一擴展; 但是,為了獲得最佳體驗,我們建議您安裝Vue擴展包。 在Extension Manager中,瀏覽Vue包,輕松安裝Vue所需的一切,以獲得最高效的編程體驗。
高效的代碼導航的重要性永遠不會被夸大。 使用快速打開(Ctrl + P),然后鍵入@以毫不費力地跳轉到代碼的不同部分 - JavaScript方法和字段,CSS樣式和HTML元素。 您還可以跳轉到相關的Vue組件。
轉到文件>新建>項目> CodeMix,然后選擇Vue項目以創建新的Vue模板項目。 該向導可以輕松啟動新項目,甚至可以安裝任何缺少的Vue擴展。
除了在代碼中捕獲語法錯誤之外,還安裝了擴展,其中一些也可以自動更正。 從錯誤的引號或縮進等簡單內容,到缺少關鍵屬性,帶副作用的函數,甚至是錯誤定義的組件等陷阱,ESLint可幫助您在開發生命周期的早期捕獲錯誤。
使用集成的npm命令可以輕松構建開發或生產應用程序。 在開發構建運行的情況下,對代碼的更改會立即與正在運行的應用程序同步,而無需重新啟動構建。
單步執行代碼并檢查vue或.js文件中的變量很簡單。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: