首先怎麼運用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的項目,後續會繼續更新整個項目的搭建,組件路由等