vue項目實戰,vue3.0項目創建

 2023-11-30 阅读 30 评论 0

摘要:vue3.0項目創建可視化創建(手腳架)命令行創建 可視化創建(手腳架) 1.win+R打開cmd命令行 2.輸入vue ui 打開手腳架 vue ui vue項目實戰,3.打開項目管理器,選擇創建 4.選擇項目創建位置 下面選項如果需要向下兼容的話需要勾選,具體看項目需求

vue3.0項目創建

  • 可視化創建(手腳架)
  • 命令行創建

可視化創建(手腳架)

1.win+R打開cmd命令行
2.輸入vue ui 打開手腳架

vue ui

vue項目實戰,3.打開項目管理器,選擇創建
在這里插入圖片描述
4.選擇項目創建位置
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
下面選項如果需要向下兼容的話需要勾選,具體看項目需求
在這里插入圖片描述

下圖:檢查是否有語法錯誤,有一點錯誤就會報錯,建議不選
檢查是否有語法錯誤,有一點錯誤就會報錯,建議不選
在這里插入圖片描述

命令行創建

1.打開需要儲存的位置,打開命令行工具,或打開命令行跳轉到需要存儲的位置
輸入創建項目命令輸入后回車運行

vue create 項目名

上下箭頭鍵選擇:創建項目類型
在這里插入圖片描述
此處選擇的手動,小伙伴們也可以直接選擇默認選項;
可對照可視化英文(根據自己項目進行配置,空格鍵為選中或取消)選好后,按回車進行下一步

(1. babel
(2. TypeScript  
(3. Progressive Web App (PWA) Support  支持漸進式網頁應用程序
(4. Router 路由管理器
(5. Vuex 狀態管理模式(構建一個中大型單頁應用時)
(6. CSS Pre-processors css預處理
(7. Linter / Formatter 代碼風格、格式校驗
(8. Unit Testing 單元測試
(9. E2E Testing E2E(End To End)即端對端測試

vue適合開發什么項目,在這里插入圖片描述
根據需求選擇,此處選擇vue3.0即3.x
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
安裝中:
在這里插入圖片描述
耐心等待一下下
完成后可以按照藍色命令運行一下項目
第一行藍色命令為先切換到項目目錄下
第二行藍色命令為運行項目
在這里插入圖片描述

以上為個人學習總結,如有誤歡迎指正,謝謝~

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/186141.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息