vue腳手架(3.0)版本的安裝和使用


一、vue(3.0)版本的安裝

1.先要安裝node.js(在這里就不演示怎么安裝nodejs,前面的博客有教程)

  官網:https://nodejs.org/zh-cn/download/ 

2、nodejs安裝后:

  a.如果之前安裝過vue的2.0版本,你需要把2.0相關的刪除

npm uni -g vue-cli或者cnpm uni -g vue-cli

  b.如果沒有安裝或vue的2.0版本的話,直接在全局的命令窗口,輸入  

cnpm i -g @vue/cli

  c.檢查版本號

vue -V

  

  執行上面的指令,那么vue的3.0版本就安裝好了。

二、vue的3.0版本的使用

  1、新建一個文件夾(在這里,我是在D盤上新建的一個文件夾)

  

 

   2、打開cmd(命令窗口)

   

 

   

 

   3、在命令窗口輸入指令

vue create 項目名稱

  4、安裝步驟:

    第一步:(在這里我選擇手動安裝)

    

 

     第二步:(根據自己所需,來下載所需的東西,使用空格鍵來操作)

    

 

     第三步:

    

 

     第四步:(使用上下鍵來操作)

    

 

     第五步:

    

 

     第六步:

    

 

     第七步:(這樣就安裝成功了一個項目)

       

 

     第八步:(進入這個項目:cd vue_06)

    

 

     第九步:項目啟動(npm run serve)

    

 

   5、效果:(在瀏覽器上輸入:http://localhost:8080/)

  

 

 

    

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM