1. 程式人生 > >從零開始建立初始化一個vue2的專案

從零開始建立初始化一個vue2的專案

對於前端小白甚至是沒怎麼接觸過前端的小夥伴們,這篇關於vue2入門的文章,正是為你量身定做,好了,廢話不多說mm~

我的電腦需要安裝一些亂七八糟的軟體麼?

NO!!你只是要安裝node中的npm包管理器,那麼,該怎麼安裝呢?開啟https://nodejs.org/en/download/ 這個網址,
這裡寫圖片描述
根據自己電腦的系統選擇適應的進行安裝,點選之後,瀏覽器便開始進行下載,那麼下載完成後,雙擊開始執行(不用擔心,不是流氓安裝包,放心安裝即可~~),來~給你個全程指導!!就是這麼良心☺【下面以windows安裝版本為例,當然mac安裝也類似】
這裡寫圖片描述

這裡寫圖片描述
這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述
這裡寫圖片描述

OK啦,咱們的node.js的安裝包已經安裝完成,看看是否安裝完好,那麼,這就需要在windows命令提示符裡輸入命令列測試啦!
這裡寫圖片描述


這裡寫圖片描述
當然,mac的話,參考如下:同樣是輸入node -vnpm -v,若正常返回版本號即為成功!
這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述

良好的開頭是成功的一半!!(#^.^#)

接著,繼續在命令列操作,
這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述
當然也可以找一個合適的前端開發工具啦,webstorm,IntelliJ IDEA,VS都是不錯的工具,當然所佔電腦空間也略大,當然用sublime等也是可以滴,不過後面操作命令列執行專案的時候可能會稍有麻煩,下面展示我喜歡的webstorm的操作,第一次用的時候發現這個功能就被驚豔到了(然而這是幾年前的事情了~~)

好的工具帶你走更快的路

這裡寫圖片描述