VUE CLI 3.0 安裝及建立項目

1、安裝

VUE CLI 3.0 官網： https://cli.vuejs.org/   詳細資料能夠本身先把官網過一遍。

1. 安裝（默認你的電腦上已安裝node及npm）

npm install -g @vue/cli

 

 2. 檢查版本

vue --version

 

2、建立項目 （用的cmd工具）

1. 利用 cd 指令進入到指定目錄，即你的項目想放在哪一個地方就進入到哪一個目錄裏面

2. 建立項目，經過指令： vue create projectname    （說明： projectname 爲你的項目名稱，必須小寫字母）

3. 選擇項目配置，配置會有3個選項：

　　a. 經常使用預設 normal-preset

　　b. 默認 default

　　c. 手動選擇 manually select features

 

根據本身的我的狀況進行選擇，我一般選擇的 normal-preset。接下來就是自動安裝，安裝成功後會提示你進入到項目目錄，並運行程序，以下：

 

到此項目就建立完了，進入到項目目錄後，能夠經過 npm run serve 運行看下，效果以下圖：

 

編譯成功後，在瀏覽器輸入 http://localhost:8080/  查看效果

 

3、建立後的目錄結構以下（用的vscode編輯器）