Windows之vue-cli安裝和vue項目快速搭建
1.提前安裝好node.js，
安裝步驟：https://blog.csdn.net/qq_43842093/article/details/116918715
2.nodejs安裝好后，默認帶有npm
3.使用npm安裝vue-cli

cnpm instal1 vue-cli-g #測試是否安裝成功#查看可以基于哪些模板創建vue應用程序，通常我們選擇webpack vue list

安裝完vue-cli后可以輸入vue查看是否安裝成功，vue list是查看vue現有的組件，其中webpack是我們常用的搭建項目的組件。

第一個vue-cli應用程序

1.創建一個Vue項目，我們隨便建立一個空的文件夾在電腦上，我這里在D盤下新建一個目錄

D:\Project\vue-study;

2.創建一個基于webpack模板的vue應用程序

#1、首先需要進入到對應的目錄 cd D:\Project\vue-study #2、這里的myvue是頂日名稱，可以根據自己的需求起名 vue init webpack myvue

一路都選擇no即可；
說明：

• Project name：項目名稱，默認回車即可
• Project description：項目描述，默認回車即可
• Author：項目作者，默認回車即可
• Install vue-router：是否安裝vue-router，選擇n不安裝（后期需要再手動添加）
• Use ESLint to lint your code:是否使用ESLint做代碼檢查，選擇n不安裝（后期需要再手動添加)
• Set up unit tests:單元測試相關，選擇n不安裝（后期需要再手動添加）
• Setupe2etests with Nightwatch：單元測試相關，選擇n不安裝（后期需要再手動添加）
• Should we run npm install for you after the,project has been created:創建完成后直接初始化，選擇n，我們手動執行；運行結果！

初始化

cd myvue npm install

運行

npm run dev

總結

以上是生活随笔為你收集整理的Windows之vue-cli安装和vue项目快速搭建的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。