vue-cli4.0 （vue3.0 的腳手架）

前言：

        這個搭建腳手架的話實際是我們創建一個新項目的第一步，當然，現在腳手架4.0都出來了，經過使用后發現跟我們之前的3.0使用方法是答題一樣的，其中用vue-cli3.0來搭建我們的項目的話又分為兩種，一種是直接用3.0的typescript的方法來創建使用項目，但是實際生活中我們會發現，這種語法應用還是比2.0那種語法來說難度更高一些，所以我們這里來說一說我們使用了vue3.0以后即想使用3.0的便捷和優點，又不想在對typescript掌握還不算特別充分的情況下就貿然的踏入這個領域。

實現步驟：

第一：安裝全局腳手架，在這里安裝的是4.0的腳手架，不用擔心，他們的安裝都是一樣的

1.  
   先卸載vue2 .0的腳手架：npm uninstall vue-cli -g ，全局卸載
2.  
    
3.  
   安裝vue3 .0的腳手架： npm install -g @vue/cli ，全局安裝

第二：打開cmd窗口，輸入命令 vue create + 你的項目名

1. 

    

   第三：選中我們需要的功能模塊

   

   第四：選中配置路由的yes,然后回車根據自己需要選擇語言

   

   

   第五：代碼風格和eslint

   

   第六：代碼一保存就進行檢查，不要選擇提交，會被坑的

   

   第七：選擇lint的配置文件如何存放，這里我選了分別存到具體的config文件，而不是package，便於管理

   

   第八：是否保存本次創建項目的配置項，用於下次快速創建項目，保存下次一開就是三個選擇

   

   到這里就配置結束了，一路回車就行了，搭建項目到此結束