Y
先做一些準備工作和其他說明,安裝vue-cli 的時候有時候也許會報錯,這個多半是因爲node版本過低,請儘量使用較新版本。
我安裝時用的 cnpm 命令,是淘寶的 NPM 鏡像,詳細可參考:https://npm.taobao.org/
簡單安裝就一局:
npm install -g cnpm --registry=https://registry.npm.taobao.org
然後開始搭建項目:
1、安裝 vue-cli ,執行以下命令:
DEMO
cnpm install -g vue-cli
如下圖:
安裝完成後,進入項目文件夾,輸入命令:vue init webpack , 如下:
vue init webpack
這裏會有一些配置信息,可按照個人的需求來設置;
目錄安裝完成~
個人的電腦上已經安裝過一些模塊了,所以到這裏輸入 “npm run dev” 就可以直接跑起來了:
沒有安裝過任何依賴的童鞋需要需要執行以下命令來進行安裝:
cnpm install
安裝完成後就可直接輸入 npm run dev 來執行項目了:
(一般情況下默認打開的頁面是SRC 裏面的 app.vue 文件,先來做一點改動)
路由配置在 src / router /index.js 配置一下, 使用 Vue.use() 加載插件
之前已經執行過 “npm run dev”,這裏就不用重複執行了,頁面也不用按F5, 自動就刷新了。
完成: