1. 程式人生 > >一步步教你搭建一個完整的前端專案(基於vue、element-ui、webpack)

一步步教你搭建一個完整的前端專案(基於vue、element-ui、webpack)

準備工作

需要先安裝node環境,官方地址:https://nodejs.org

開始搭建

Windows下不要使用git自帶的mintty執行命令,切換選項時會失效的。覺得cmd難看的話用PowerShell會好一些,只是好一些,呵呵。

安裝vue

npm install vue && npm install --global vue-cli

生成專案結構,安裝依賴

vue init webpack project-name && cd project-name && npm install

安裝element-ui

npm i element-ui -S

執行

使用開發模式執行(可以熱部署哦!!!)

npm run dev

其他

可以根據需要安裝less包,一種新的樣式表風格

npm install less less-loader --save -d

打包

npm run build

執行完畢後會在根目錄生成一個dist目錄,裡面是一套經壓縮過的完整的應用包。