使用CodeMix在Eclipse中啟動CSS3

帶有CodeMix的Eclipse中的CSS3

CodeMix是一個插件，它將VS Code智能引入Eclipse，并允許您直接從Eclipse訪問Code OSS擴展。 使用CodeMix，您可以獲得在Eclipse中使用CSS3時獲得卓越編程體驗所需的一切。

• 內容輔助（包括變量）
• 元素預覽
• 變量導航
• Sass＆LESS支持
• 驗證

將其與CodeMix中令人敬畏的HTML5支持結合使用，即可獲得真正令人印象深刻的網絡編碼體驗。

沒有CodeMix的Eclipse中的CSS3

沒有CodeMix的Eclipse不包含高效編碼所需的工具。 即使您下載獲得這些功能所需的各種Eclipse插件，結果也不會接近CodeMix提供的豐富用戶體驗。

CodeMix包含一個Web擴展包，可自動下載和管理您獲得最佳HTML5和CSS3編碼體驗所需的一切。

詳細信息

內容輔助

鍵入時會顯示建議 - 您無需專門調用內容輔助。對于大多數CodeMix編輯器來說都是如此，一旦習慣了這一點，您就不會想要回到“Eclipse方式”。 CodeMix CSS編輯器始終位于CSS 3規范之上，提供詳細文檔的建議，包括屬性及其可能的值。 CodeMix CSS編輯器支持Eclipse CSS編輯器未知的屬性;例如，動畫，邊框圖像和過渡。

變量

純CSS中的變量仍處于草稿階段，但當前文件中定義的變量顯示在內容輔助建議中。您還可以使用Ctrl / Cmd + Click導航到變量聲明。

Sass / LESS

Sass和LESS得到很好的支持，具有導航和驗證功能，包括變量分析的IntelliSense以及Emmet支持。

注意：如果您需要支持舊的，縮進的Sass樣式，請安裝此Sass擴展。

元素預覽

將鼠標懸停在CSS選擇器上以查看顯示示例HTML的彈出窗口，該HTML說明了該特定樣式聲明將定位哪些元素。在處理復雜的選擇器時，這尤其方便。

驗證

CodeMix中的CSS編輯器提供了許多案例的驗證，從缺少括號和錯誤語法的簡單事件到更高級的案例，如使用無效屬性，甚至缺少屬性。 對于高級CSS linting功能，您可能需要添加stylelint擴展名。