【Vue-Cli3.0】【1】創建一個Vue-Cli3.0的項目

最近在做爬蟲，然后要爬好多數據，代碼寫完了，就讓它在爬了。不想閑着就復習一下Vue吧！

開始開始！

***正式講解之前 先下載一個node.js吧！

一、首先檢查一下 版本

PS D:\徐孟林\D Demo\vue> npm -v
6.4.1
PS D:\徐孟林\D Demo\vue> yarn -v
1.13.0
PS D:\徐孟林\D Demo\vue> cnpm -v
cnpm : 無法將“cnpm”項識別為 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫，如果包括路徑，請確保路徑正確，然后再試一次。
所在位置 行:1 字符: 1
+ cnpm -v
+ ~~~~
    + CategoryInfo          : ObjectNotFound: (cnpm:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException
 
PS D:\徐孟林\D Demo\vue> node -v
v10.15.1

如果提示了 類似以下的錯誤

無法將“cnpm”項識別為 cmdlet、函數、腳本文件或可運行程序的名稱

就說明計算機缺少一些東西。那就得安裝一下。建議全局安裝就像我這個cnpm沒有。那么鍵入 npm install cnpm -g  完成cnpm的全局安裝

二、安裝Vue cli 3.0

// 安裝了npm可以用下面這個
npm install -g @vue/cli
//　　安裝了cnpm
cnpm install -g @vue/cli
//　　yarn
yarn global add @vue/cli

安裝完之后檢查一下vue的版本

PS D:\徐孟林\D Demo\vue> vue -V
3.4.1

這樣就吧Vue Cli 給安裝好了！

三、創建項目

方法一：鍵入下面這句話

vue create mydemo

方法二：使用vue ui

vue ui

這里介紹一下 vue ui創建項目

1.鍵入vue ui 之后 等一會兒就會彈出這個頁面，點擊創建！

 

2.不懂的話跟我一樣配置就行了，然后下一步

3.選擇手動

4.跟我一樣配置，然后下一步

5.這樣的配置是我喜歡的，各位可以根據自己喜好配

6.點擊創建項目，然后創建項目不保存預設！

四、運行項目

 

 

回到我們的窗口 輸入cd myvue

再輸入npm run serve

OK 一個vue 的項目創建完了！