溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“怎么用vue2.0+ElementUI框架開發pc項目”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么用vue2.0+ElementUI框架開發pc項目”吧!
vue.js2.0中文,項目所使用的js框架
vue-router,vue.js配套路由
vuex，狀態管理
Element，UI框架
1，根據官方指引，構建項目框架
安裝vue npm install vue@2.1.6 全局安裝 vue-cli npm install --global vue-cli 創建一個基于 webpack 模板的新項目my-project vue init webpack my-project 進入項目目錄 cd my-project 安裝依賴，走你 npm install 運行項目 npm run dev
2，使用webpack+ sass 來寫css
less是一門css預處理語言，它是拓展了css，增加了變量，Mixin等等。使用sass需要安裝sass服務，sass-loader用來打包時用，
想要將sass正確解析成css當然還需要style-loader和css-loader。loader是webpack重要的功能之一，通過使用不同的loader，
webpack可以使用外部腳本或工具處理不同格式類型的文件，如通過sass-loader處".sass"文件。
首先安裝：
npm install sass --save-dev
npm install style-loader css-loader sass-loader --save-dev
3，LESS/Sass 編譯工具Koala介紹
koala是一個國產免費前端預處理器語言圖形編譯工具，支持Less、Sass、Compass、CoffeeScript，幫助web開發者更高效地使用它們進行開發。跨平臺運行，完美兼容windows、linux、mac。
到此，相信大家對“怎么用vue2.0+ElementUI框架開發pc項目”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
