vue+element-ui網站項目環境搭建
一、搭建vue環境
①全局安裝vue-cli
npm install -g vue-cli
安裝成功后,輸入vue,驗證是否安裝成功
②新建項目,使用cd命令進入到你將要創建項目的文件夾,輸入 vue init webpack demo
這里的demo是你項目的名字,接下來是一些初始化的設置,按着指示選擇,選擇完畢后,會有提示語句,
按着語句輸入
cd demo
npm install
npm run dev
③按照提示,cd進入到項目文件下,運行 npm install
④運行完后,輸入 npm run dev ,,如果沒什么錯誤的話,會出現該項目的地址,如下,
在瀏覽器中輸入地址就可以看到vue初始化的模板
二、安裝Element-ui
①cd進入到當前項目,運行 npm i element-ui -S (也可以在webstrom終端里面輸入該語句)
ps:安裝好后,可以在node_modules里面找到element-ui
②安裝好element-ui后,就要在項目中引用了,打開項目,找到src目錄下的main.js,添加引用即可
最后:搭建好vue+element-ui環境后,寫點東西測試一下,
效果如下,這樣就可以了,可以動手開發自己的項目了