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

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

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

第一個(gè)vue-cli應(yīng)用程序

1.創(chuàng)建一個(gè)Vue項(xiàng)目，我們隨便建立一個(gè)空的文件夾在電腦上，我這里在D盤(pán)下新建一個(gè)目錄

D:\Project\vue-study;

2.創(chuàng)建一個(gè)基于webpack模板的vue應(yīng)用程序

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

一路都選擇no即可；
說(shuō)明：

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

初始化

cd myvue npm install

運(yùn)行

npm run dev

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。