目前很多網站都在使用vue技術來開發，那麼問題就來了，怎麼用vue搭建專案呢？

這裡我向大家介紹怎麼使用腳手架搭建專案。

1、首先做好預備工作。

1>安裝node.js 。

因為我們這邊會用到一個命令npm ，它是node自帶的包管理工具，所以需要先安裝node.js.下載網址：https://nodejs.org/en/，大家也可以自己百度搜索，建議安裝LTS穩定版的，current是最新版，可能不太穩定。安裝完成後在“開始”輸入欄輸入cmd或win+R，開啟cmd命令面板，輸入node -v檢視安裝node版本，有版本號證明安裝成功，輸入命令where node ，檢視node安裝的路徑，輸入npm -v ，同樣出現版本號，證明node.js自帶的npm存在。

2>安裝cnpm（可選擇性安裝）。

 1、由於直接使用npm install 安裝第三方包是去國外網站上下載，有可能會被牆而安裝失敗，所以我們要將下載源切換到國內淘寶上因此需要利用 npm install nrm -g安裝一個全域性的nrm
 2、安裝好nrm以後，在cmd命令面板中輸入： nrm use taobao 將下載源切換到淘寶，可以使用 nrm ls 檢視當前使用的下載源
 3、也可安裝淘寶提供的類似於npm的工具 cnpm來替代npm安裝node包,安裝包命令和npm一樣，安裝cnpm命令： npm install cnpm -g

3>安裝webpack資源打包工具。

webpack是一個資源的打包工具，分為1.0和2.0版本，可以將 .js, .css , image等靜態資源當做一個模組來進行打包，那麼每一種模組都是有一個對應的 loader來實現webpack 1.0版本官網：https://webpack.github.io/docs/usage.htmlwebpack 2.0版本官網：https://webpack.js.org/在這裡我們使用webpack 1.14.0

• 安裝webpack步驟：  
  第一種安裝方式： 
     在cmd命令列面板中 執行： npm install webpack@1.14.0 -g 將webpack1.14.0版本安裝為全域性就能夠在cmd命令列面板中使用webpack指令了   
  
  第二種安裝方式： 
     在cmd命令列面板中 執行： cnpm install 
   
  [email protected]1.14.0 -g 將webpack1.14.0版本安裝為全域性就能夠在cmd命令列面板中使用webpack指令了

2、安裝vue-cli

3、新建一個資料夾，用來存放你的專案，然後開啟這個資料夾，按住“shift”鍵，然後滑鼠右鍵，點選”在此處開啟命令視窗” 1、在cmd命令面板輸入npm install vue-cli -g

注：-g表示全域性安裝，然後同樣檢查是否安裝成功，輸入命令 ： vue -V ，注意這裡的V是大寫的。

4、新建一個資料夾，用來存放你的專案，然後開啟這個資料夾，按住“shift”鍵，然後滑鼠右鍵，點選”在此處開啟命令視窗”，輸入命令 vue init webpack myproject

5、輸入命令 npm install

6、編譯。輸入命令 npm start 或者命令 npm run dev