怎么用vue2.0+ElementUI框架開發(fā)pc項(xiàng)目

本篇內(nèi)容主要講解“怎么用vue2.0+ElementUI框架開發(fā)pc項(xiàng)目”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么用vue2.0+ElementUI框架開發(fā)pc項(xiàng)目”吧!

開發(fā)前準(zhǔn)備

• vue.js2.0中文,項(xiàng)目所使用的js框架

• vue-router,vue.js配套路由

• vuex，狀態(tài)管理

• Element，UI框架

1，根據(jù)官方指引，構(gòu)建項(xiàng)目框架

安裝vue
    npm install vue@2.1.6

    全局安裝 vue-cli
    npm install --global vue-cli

    創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目my-project
    vue init webpack my-project

    進(jìn)入項(xiàng)目目錄
    cd my-project

    安裝依賴，走你
    npm install

    運(yùn)行項(xiàng)目
    npm run dev

2，使用webpack+ sass 來寫css

less是一門css預(yù)處理語言，它是拓展了css，增加了變量，Mixin等等。使用sass需要安裝sass服務(wù)，sass-loader用來打包時(shí)用，

想要將sass正確解析成css當(dāng)然還需要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是一個(gè)國(guó)產(chǎn)免費(fèi)前端預(yù)處理器語言圖形編譯工具，支持Less、Sass、Compass、CoffeeScript，幫助web開發(fā)者更高效地使用它們進(jìn)行開發(fā)?？缙脚_(tái)運(yùn)行，完美兼容windows、linux、mac。

到此，相信大家對(duì)“怎么用vue2.0+ElementUI框架開發(fā)pc項(xiàng)目”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！