Vue腳手架

一、安裝node.jsvue

下載地址:https://nodejs.org/en/  根據系統來選擇下載的對應的版本包。node

二、查看是否安裝正確:webpack

1 node -v
2 v8.11.3
3 npm -v
4 5.6.0

 三、安裝腳本架:web

安裝依賴:(淘寶npm鏡像進行安裝)vue-cli

1 npm install -g cnpm --registry=https://registry.npm.taobao.org,回車,等待安裝..

安裝全局的vue-cli腳手架,用於幫助咱們搭建須要的模塊和框架。npm

1 cnpm install -g vue-cli,回車,等待安裝...

命令行輸入命令:vue 查看安裝狀況。框架

建立項目:spa

1 vue init webpack vue_test

出現如下確認頁面:命令行

而後:cd  vue-testcode

運行 

1 npm  run  dev 

運行咱們建立的項目。

而後訪問本地:http://localhost:8080/

即完成咱們的第一個vue項目的搭建。

相關文章
相關標籤/搜索