Kā izstrādātājam efektīvam un efektīvam darbam izšķiroša nozīme ir spēcīgas izstrādes vides nozīmes izpratnei. Tas ir iemesls, lai izmantotu iespēju, lai apspriestu vienu no visnoderīgākajiem rīkiem Vue.js projektu izveidei, Vue komandrindas rīku Vue CLI. Šeit ir sniegts visaptverošs soli pa solim ceļvedis, kurā ir aprakstīts instalēšanas process un tiek izmantots Vue CLI.
Vue CLI mērķis ir būt Vue ekosistēmas standarta instrumentu bāzes līnija. Tas nodrošina dažādu veidošanas rīku nevainojamu darbību kopā ar saprātīgiem noklusējuma iestatījumiem, kā arī nodrošina stabilu un ergonomisku izstrādātāja pieredzi.
Vue CLI instalēšana
Vue CLI instalēšanu var iedalīt divos galvenajos posmos. Pirmkārt, lai pārbaudītu, vai jūsu vide ir pareizi iestatīta, un, otrkārt, faktisko instalēšanas darbību.
Pirms kaut kā cita, pārliecināsimies, vai jūsu sistēmā ir instalēts Node.js un npm. Nepieciešamās versijas ir Node.js (8.9 vai jaunāka versija) un npm (6.0 vai jaunāka). Šeit ir komanda to pārbaudei:
node -v npm -v
Ja jums to vēl nav, turpiniet un instalējiet Node.js, kas tiek piegādāts kopā ar npm.
Pārejot uz faktisko Vue CLI instalāciju, atveriet savu termināli vai komandu uzvedni un ierakstiet šo komandu:
npm install -g @vue/cli
Šī komanda datorā instalēs Vue CLI globāli, -g apzīmē globālo.
Projekta izveide, izmantojot Vue CLI
Pēc veiksmīgas Vue CLI instalēšanas Vue.js projekta izveide kļūst diezgan vienkārša. Lai sāktu jaunu projektu, palaidiet šādu komandu:
vue create my-project
Aizstājiet manu projektu ar nosaukumu, kuru vēlaties savam projektam. Tādējādi jūsu pašreizējā ceļā tiks izveidots jauns direktorijs un tajā tiks iestatīts projekts.
Vue CLI lietotāja saskarne
Vue CLI piedāvā arī grafisku saskarni, lai izveidotu un pārvaldītu jūsu projektus. To var palaist ar šādu komandu:
vue ui
Tādējādi jūsu noklusējuma tīmekļa pārlūkprogrammā tiks atvērts jauns logs, kurā varēsit izveidot jaunus projektus un pārvaldīt esošos.
Veidojot projektu no komandrindas vai grafiskā interfeisa, jums tiks piedāvāts izvēlēties starp diviem sākotnējiem iestatījumiem: noklusējuma, kas ietver optimālu iespēju kopu ātrai sākšanai, un manuālo, kas ļauj lai precizētu savas preferences.
Noslēgumā jāsaka, ka Vue CLI ir ļoti noderīgs rīks un obligāts rīks katram Vue.js izstrādātājam. Tas ietaupa laiku izstrādes laikā, iepriekš konfigurējot projekta iestatījumus, un tā viegli lietojamais raksturs padara Vue.js par pieejamāku ietvaru iesācējiem.
