1. 程式人生 > >vue安裝搭建(搭建vue-cli腳手架)

vue安裝搭建(搭建vue-cli腳手架)

vue-cli 是一個官方釋出 vue.js 專案腳手架,使用 vue-cli 可以快速建立 vue 專案。

安裝碰到的問題:

 在安裝腳手架之前,請確定你電腦中的node的版本在6以上

 安裝過程:

# 全域性安裝 vue-cli
cnpm install -g vue-cli

# 建立一個基於 webpack 模板的新專案
vue init webpack

執行vue init webpack的時候會讓你弄一些配置(基本回車就行,有些還是需要看你的實際需要情況),如下圖

像上圖中,配置完後執行了npm install,然後下一步執行cnpm run dev就可以跑起來了;如果沒有選擇執行npm install,那麼就可以執行以下步驟

#cnpm 安裝依賴
cnpm install

#啟動專案
cnpm run dev

執行cnpm run dev成功後,會看到下面的地址

複製地址,在瀏覽器瀏覽便能看到效果了