經過vue-cli腳手架建立VUE項目

在沒有腳手架以前，咱們都須要一步一步的安裝vue的所需的一大堆依賴，和vue的一些模塊，你們稱這爲vue全家桶，包括vue路由等等。每次建都會很煩惱，由於第一個項目和第二個項目之間一般都隔了一段時間，要求從新搭建一個新的vue項目，沒有必定的記性，和沒有寫下筆記的朋友，搭起一個這樣的框架真的有點難度。

 

後來發現了這個vue-cli的腳手架，搭起一個vue的項目就變得簡單了，下面就記錄一下怎樣使用這個腳手架。

1. 裝一個nodeJS

這個步驟必不可少，使用nodeJS，來管理你的模塊

 

2. 安裝一個vue-cli模塊

在1.x 和 2.x以前，vue-cli就叫vue-cli

在3.x後，名字更改成 @vue/cli

這裏安裝必須是全局

npm install -g @vue/cli

 

3. 建立vue項目

這裏須要注意的是，項目名稱不能有大寫，不然會建立失敗

 

vue create 項目名稱

 

4. 根據提示，完成建立

1.x 和 2.x 的時候建立會有各類提示，這個能夠網上找舊的

3.x後，會分兩種，第一種是默認，默認就是幫你預裝了路由等等一系列的內容，包括elint語法驗證等等，按確認後，直接就等待安裝完畢就能夠了

 

 

下面看看第二種：

在這種方式裏面，能夠選擇須要安裝的模塊，點擊回車,而後根據項目須要，選擇須要的模塊，點擊回車項目就會建立完畢了

　　

 

5. 測試結果

進入項目，的文件夾裏面，而後執行命令，而後在瀏覽器中輸入 localhost:8080 若是可以彈出一個vue的歡迎頁面，表明成功了

在這裏提示一下，在2.x的時候，命令有多個，運行測試是npm run dev，但在3.x後，變得少了，並且dev改爲了 server，若是運行不了，能夠查看項目下對應的package.json文件

script裏面就是run的那些命令腳本

npm run server

 

 

原文出處：https://www.cnblogs.com/oscar1987121/p/10626775.html