快捷導(dǎo)航

VUE使用vue?create命令創(chuàng)建vue2.0項(xiàng)目的全過(guò)程

更新時(shí)間：2022年07月22日 11:06:58 作者：祖先森、

vue-cli是創(chuàng)建Vue項(xiàng)目的一個(gè)腳手架工具,vue-cli提供了vue create等命令,下面這篇文章主要給大家介紹了關(guān)于VUE使用vue?create命令創(chuàng)建vue2.0項(xiàng)目的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下

前言

為了保證創(chuàng)建過(guò)程中避免出現(xiàn)因權(quán)限不足的原因從而導(dǎo)致創(chuàng)建失敗的問(wèn)題，我們使用管理員身份打開(kāi)命令行

第一步，打開(kāi)命令行后，首先進(jìn)入我們想要?jiǎng)?chuàng)建項(xiàng)目的目錄下

g: 表示切換進(jìn)入G盤(pán)

cd git 表示打開(kāi) 當(dāng)前盤(pán)下的 git 文件夾

大家可以根據(jù)以上兩個(gè)命令進(jìn)入自己想要保存項(xiàng)目的目錄下，我這里是保存在 G:\Git 文件夾

第二步，執(zhí)行 vue create xxxx 命令

xxxx 代表項(xiàng)目名稱(chēng)

這里我們選擇 (通過(guò) 鍵盤(pán)上的方向鍵) 第三項(xiàng)，

第三項(xiàng)可以手動(dòng)選擇創(chuàng)建項(xiàng)目時(shí) 一同創(chuàng)建的"工具"，比如vue-router，sass 等等，

而上面的兩個(gè)選項(xiàng)則不能選擇與項(xiàng)目一同創(chuàng)建的“工具”。（選擇完畢后敲回車(chē)鍵）

出現(xiàn)這個(gè)界面時(shí)，默認(rèn)勾選的三個(gè)不用動(dòng)就行，正常情況下，Progressive、Unit Testing、E2E Testing 不需要安裝。

其他選項(xiàng) 根據(jù) 項(xiàng)目需要進(jìn)行選擇，我們這里選擇下面幾種常用“工具”。（方向鍵進(jìn)行切換，空格鍵進(jìn)行勾選，確認(rèn)勾選完畢后敲回車(chē)鍵）

和你確認(rèn)創(chuàng)建vue項(xiàng)目的版本（選項(xiàng)分別為vue2.0 以及 vue3.0）

這里我們選 2.x

和你確認(rèn) 路由器是否使用 history 模式？（Y：確認(rèn) / N：取消）

這里我們輸入 Y 回車(chē)

和你確認(rèn) sass 版本

這里我們選 Sass/SCSS (with dart-sass)

和你確認(rèn) 語(yǔ)法檢測(cè) 配置

這里我們選默認(rèn)的第一個(gè)

和你確認(rèn) 觸發(fā)語(yǔ)法檢測(cè)的方式

這里我們選 Lint on save (保存時(shí)就觸發(fā))

和你確認(rèn) 配置文件放置位置

這里我們選 In dedicated config files (單獨(dú)放置)

和你確認(rèn) 是否把剛剛配置過(guò)的信息保存為預(yù)設(shè)模板（保存為預(yù)設(shè)后，以后在創(chuàng)建項(xiàng)目時(shí)就可以選擇這個(gè)預(yù)設(shè)模板進(jìn)行創(chuàng)建）

這里我們輸入 n (也不麻煩，多走走流程挺好的)

然后等待直至出現(xiàn)下面內(nèi)容為創(chuàng)建成功！

然后執(zhí)行啟動(dòng)命令成功!

總結(jié)

到此這篇關(guān)于VUE使用vue create命令創(chuàng)建vue2.0項(xiàng)目的文章就介紹到這了,更多相關(guān)vue create命令創(chuàng)建vue2.0項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: