Vue CLI是Vue.js官方提供的腳手架工具，用於快速創建Vue.js項目。如果你是一個Web開發者或想要學習Vue.js的開發人員，那麼Vue CLI絕對是你不錯的選擇。
一、安裝Node.js和npm
Vue CLI是一個基於npm的工具，所以在開始安裝Vue CLI之前，你需要先安裝Node.js和npm（默認會隨著Node.js被一起安裝）。如果你還沒有安裝過它們，那麼可以在Node.js官網上下載安裝包進行安裝。
#查看Node.js版本
node -v
#查看npm版本
npm -v
如果輸出了版本號，則說明安裝成功了。
二、全局安裝Vue CLI
現在你已經安裝了Node.js和npm，可以使用npm安裝Vue CLI了。打開你的命令行工具，並輸入以下命令：
npm install -g @vue/cli
這個命令將會在全局環境下安裝Vue CLI。
三、使用Vue CLI創建一個新項目
以後你可以運行vue命令來創建新的Vue.js項目。在命令行工具中輸入以下命令：
#創建Vue.js項目
vue create my-project
在執行命令後，Vue CLI會詢問你一系列問題，如Babel、TypeScript、CSS預處理器等選擇。你可以根據自己的需求進行選擇，或者使用默認設置。
安裝完成後，運行以下命令啟動Vue.js開發伺服器：
cd my-project
npm run serve
訪問 http://localhost:8080 即可查看你的Vue.js應用程序。
四、創建Vue.js項目的更多命令
除了創建項目之外，Vue CLI還提供了一些其他的命令，例如：
- vue serve：在當前目錄下編譯並且啟動一個開發伺服器，並且能夠支持熱模塊替換。
- vue build：使用當前目錄下的配置文件進行項目的編譯。
- vue ui：通過一個可視化的界面創建、管理Vue.js項目。
五、總結
以上就是使用npm安裝Vue CLI的簡單步驟，希望對你有所幫助。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/158095.html
微信掃一掃 
支付寶掃一掃 