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