使用vue-cli + webpack搭建vue項目環境

打開終端(點擊開始,在搜索框中輸入cmd)javascript

第一步:  找到須要安裝項目所在的盤  (我問項目都在d盤下的vuework下)vue

第二步:安裝淘寶鏡像(淘寶鏡像安裝包會比官網快, 並且有時候用npm安裝會報錯,用cnpm就能夠)java

npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步:全局安裝webpackwebpack

cnpm install webpack -g

第四步:安裝全局的vue-cli腳手架web

cnpm install vue-cli -g

第五步:找一個文件夾用來存放項目,在終端進入該目錄(我是在vuework下)vue-cli

cd vuework

第六步:建立項目(vue-yue),注意項目名稱中不能有大寫npm

vue init webpack-simple vue-yue

第七步:進入項目目錄blog

cd vue-yue

第八步:安裝項目依賴ip

npm install

第九步:運行項目開發

npm run dev

到這一步,項目就已經運行起來了,你會看到以下頁面

在以後的開發過程當中,須要什麼能夠繼續在終端上安裝。

相關文章
相關標籤/搜索