天天看點

cnpm安裝vue及建立vue項目

本人小白第一次寫部落格,有不足之處還請大家見諒。

1.安裝node.js和npm

我是之前安裝的,具體操作有點忘記了,大家自己百度。

2.安裝淘寶鏡像

一開始我用npm來安裝vue的腳手架工具(官方指令行工具),沒有安裝成功。

使用cnpm來安裝,很快就裝好了。

打開cmd視窗輸入

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

cnpm安裝vue及建立vue項目

輸入

cnpm --version

檢視是否安裝成功

cnpm安裝vue及建立vue項目

3.安裝vue的腳手架工具

輸入

cnpm install --global vue-cli

進行安裝。輸入

vue --version

檢視是否安裝成功。

cnpm安裝vue及建立vue項目

4.建立vue項目

找到打算用來存放項目的檔案夾,(我的是E:\3小程式),在下圖所示輸入cmd并回車。

cnpm安裝vue及建立vue項目

在cmd中輸入

vue init webpack-simple vuedemo02

,vuedemo02是項目名字,下圖所示,前四項回車确認,最後一項輸入

y

回車确認。

cnpm安裝vue及建立vue項目

輸入

cd vuedemo02

回車在輸入

cnpm install

cnpm安裝vue及建立vue項目

最後輸入

npm run dev

cnpm安裝vue及建立vue項目

建立成功。