vue cli 3.0安裝、項目創建


一、安裝

VUE CLI 3.0 官網: https://cli.vuejs.org/   詳細資料可以自己先把官網過一遍。

1. 安裝(默認你的電腦上已安裝node及npm)

npm install -g @vue/cli

 

 2. 檢查版本

vue --version

 

二、創建項目 (用的cmd工具)

1. 利用 cd 指令進入到指定目錄,即你的項目想放在哪個地方就進入到哪個目錄里面

2. 創建項目,通過指令: vue create projectname    (說明: projectname 為你的項目名稱,必須小寫字母)

3. 選擇項目配置,配置會有3個選項:

  a. 常用預設 normal-preset

  b. 默認 default

  c. 手動選擇 manually select features

 

根據自己的個人情況進行選擇,我通常選擇的 normal-preset。接下來就是自動安裝,安裝成功后會提示你進入到項目目錄,並運行程序,如下:

 

到此項目就創建完了,進入到項目目錄后,可以通過 npm run serve 運行看下,效果如下圖:

 

編譯成功后,在瀏覽器輸入 http://localhost:8080/  查看效果

 

三、創建后的目錄結構如下(用的vscode編輯器)


免責聲明!

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



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