一妇菱、安裝nodejs(主要是使用cnpm)
下載安裝對應(yīng)的nodejs版本 ? ?nodejs鏈接
安裝完成后,使用命令行工具檢查是否安裝成功,輸入
node -v? 恶耽、npm -v
出現(xiàn)版本號則安裝成功
由于npm安裝方式慢密任,國內(nèi)建議使用cnpm,輸入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
(更多關(guān)于cnpm 淘寶鏡像)
二偷俭、全局安裝vue-cli
全局安裝vue-cli浪讳,在命令行工具中輸入
cnpm install -g vue-cli
三、配合webpack-simple使用vue-cli
打開項目目錄涌萤,在地址欄輸入cmd可以直接打開命令行工具并進入項目目錄
輸入vue init webpack-simple my-project(此處的?my-project 為項目名稱淹遵,可隨意更改)
然后就可以一直回車
先輸入cd my-project ,進入my-project目錄
繼續(xù)輸入cnpm install负溪,加載項目需要的依賴包
再輸入cnpm run dev項目就跑起來了
瀏覽器會自動打開透揣,如下圖
端口號默認8080,如果端口號被占用川抡,則修改一下配置文件?package.json
"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot --port 8089"
即在后面加入?--port 8089(或者其他端口辐真,建議修改不常用的端口)
四、項目打包
項目完成后崖堤,輸入
cnpm run build
會生成dist文件夾侍咱,里邊就是打包好的項目,上線時將dist放到服務(wù)器就可以了