項目實戰之Vue-cli 2.0+ElementUI+Webpack

首先怎麼運用Vue + Element UI +Webpack構建一個項目?

我們l接下來來說一下構建自己的一個Vue項目,在這之前需要安裝node.js,需要的話安裝cnpm等,這些大家可以自行百度,網上教程有很多,在這就不多說了。

首先先確定在什麼位置創建項目,然後用cmd指向當前的位置,也可以直接用Git在當前位置右鍵,點擊Git Bash Here,博主用的是git,感覺這樣快速方便點,根據個人喜好,沒什麼影響。

不知道Git安裝的猿友,點擊這裏教程

一、然後就是創建項目命令如下:

1、vue init webpack 項目文件夾名 (創建vue項目)

2、進入對應項目文件  npm install

3、npm run dev   (本地可訪問)

以上就是Vue項目的創建完成,本地瀏覽器即可訪問了,後面會生成訪問的地址端口如下

二、接下來安裝ELement UI依賴,命令如下:

1、Ctrl + c

2、npm i element-ui@next -D  (安裝ElementUI最新版本)

3、找到項目中的 main.js,配置相關信息

4、npm run dev,跟上述一樣在瀏覽器訪問即可

 

這樣我們就簡單的構建了一個基於Vue + Element UI + webpack的項目,後續會繼續更新整個項目的搭建,組件路由等

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章