1. 程式人生 > >vue-cli初始化專案並引入ElementUI

vue-cli初始化專案並引入ElementUI

摘要:

寫過了一個我們產品的後臺管理系統,但做完專案都沒有進行總結。感覺好多還是懵懂的感覺,所以想要重新走一遍,寫一個自己的專案。讓自己理清思路

實現:

1、首先確認你的電腦中已經安裝過Node.js了,如果沒有可以百度安裝配置

2、我們來說下安裝vue,是用vue-cli來初始化專案吧(使用命令列工具來操作)

(1) 全域性安裝 vue-cli (在命令列工具中輸入npm install --global vue-cli,如果你的電腦中安裝了淘寶映象的話,可以輸入下列命令)

 

(2) 建立一個基於 webpack 模板的新專案,如下圖所示

(3)這裡需要進行一些配置,預設回車即可。如圖所示

(4) 進入專案,安裝並執行:

cd vueAdmin

npm install

npm run dev

 此時vue-cli就初始化好了,接下來就是安裝elementUI

3、安裝elementUI

在命令列中輸入npm i element-ui -S,如圖所示

在 main.js 中寫入以下內容如下:

然後再次執行專案,npm run dev