Vue學習系列（二十）：vue-cli腳手架快速搭建Vue項目

Vue學習系列：
上一篇：Vue學習系列（十九）：Vue的路由

在使用vue-cli搭建Vue項目之前，我們需要通過npm或cnpm安裝vue-cli，這樣我們纔可以使用vue-cli來搭建Vue項目。

cnpm install -g @vue/cli

安裝完成之後，我們可以通過vue -V命令來查看vue-cli的當前版本，如果出現版本號，則說明安裝成功。

當vue-cli安裝成功之後，我們就可以開始使用vue-cli來進行搭建Vue項目。

• 創建一個項目名爲hello-world的Vue項目

vue create hello-world

• 啓動項目

npm run serve

npm run dev 和 npm run serve的區別

其中npm run dev是vue-cli 2.X的運行項目命令，而npm run serve是vue-cli 3.X的運行命令

如果使用的是默認的模板，項目結構如下：

如果選擇手動創建項目，可以選擇安裝功能，上下鍵移動，空格選中/取消。

例如我選擇安裝了路由功能，項目結構如下：