vue項目環境搭建

一、先安裝node.js

進入官網進行下載 最好下載壓縮包，壓縮包解壓後就能夠了。

二、win+R 進入命令窗口

輸入node -v 若是顯示了版本號 就表明安裝成功

若是沒有顯示版本號，須要從新安裝node.js 因爲node自帶了npm 因此咱們不須要再次安裝npm 咱們只須要在命令窗口輸入 npm -v 就能夠看到npm的版本信息

三、使用npm 下載第三方模塊

使用npm這個工具，目的主要是用於下載第三方的模塊，經過 npm i xxx，就能夠下載一個xxx的模塊。默認狀況下，他是從國外下載的，速度比較慢，若是你想讓它從國內下載，你須要安裝一個nrm的模塊，經過npm i nrm -g，就能夠安裝了，以下：

安裝成功以後 能夠輸入 nrm ls

能夠看到下列下載源，你能夠 輸入 nrm use taobao 出現這個：

表明下載源已經切換成 taobao了 這個是國內的下載源比較快一點

四、下載vue腳手架

輸入 npm install -g @vue/cli 進行安裝腳手架，安裝完成以後，輸入 vue -v或者vue -version 若是出現版本號表明安裝成功

五、建立項目

找一個文件夾，打開命令窗口 輸入 vue create +項目名

出現這個窗口表明項目建立成功， 而後 輸入cd +建立的項目名 回車 再次輸入 npm run serve 會出現這個窗口

根據 地址 在瀏覽器輸入http://localhost:8080/ 就會出現這個界面

當出現這個界面，表明你的vue項目環境搭建完成了！