vue+webpack環境搭建

一、安裝、運行node.js而且安裝vue,vue-cli

npm install vue -g

npm install vue-cli -g

可使用淘寶鏡像cnpm安裝

二、選擇到所要創建項目的目錄

代碼：

 

三、建立webpack項目

這裏使用webpack的簡裝版，安裝速度更快，處理更高效，能應對大多數狀況

代碼：vue init webpack-simple xxxx(xxxx爲項目名稱）

Project name:項目名稱（能夠直接回車）

Project description:項目描述（能夠直接回車）

Author:做者（能夠直接回車）

License:許可證（能夠直接回車）

Use sass：是否使用sass（若是使用選擇輸入「y」回車）

 四、根據提示進入所建立的項目文件夾

五、運行npm若是有安裝淘寶鏡像cnpm（如何使用cnpm能夠查看我以前的相關文檔）

六、輸入cnpm install以後會自動安裝，等待安裝結束。

七、安裝結束後運行：npm run dev

當成功運行以後，會自動打開瀏覽器（電腦設置後默認瀏覽器），若是沒有打開瀏覽器，手動輸入Project is running at後的網址便可

運行成功，以後有空會叫你們如何使用vue