【非專業前端】Vue UI 之 建立Vuetify工程

先建立一個工程【Webpack】

..

..建立好之后，進入目錄，添加vuetify插件

cd vuetify-demo

vue add vuetify【會出錯】

npm install vuetify --save【要用這個】

 ..先看錯誤的

..可以看到【vue add vuetify】失敗了

官方文檔提供的步驟是

問題就出在第一步，因為兩種創建工程的方式，生成的目錄結構不一樣的。請看

..

..此時我們再加入vuetify，肯定成功

 ..而用webpack生成的目錄是這個樣子的

以Webpack建立的工程，要這樣添加Vuetify

npm install vuetify --save

 ..

..最后用Webstorm打開

..

..

最后在看官方創建的

執行

cd my-app

npm run serve

 ..

..

http://localhost:8080/#/

 

喲~這個吊

 總結一下

官方：

vue create my-app

cd my-app

vue add vuetify

Webpack:

vue init webpack vuetify-demo

cd vuetify-demo

npm install vuetify --save