????????

目錄

1. 創建vue工程

1.1 第一步

1.2 選擇名稱和工件

1.3 選擇語言

1.4 自動下載js

1.5 運行vue工程

1.6 成功頁面

2. 更改vue工程安裝的位置

3. 更改運行工程方式

第一步

第二步

?編輯

第三步

調試

?編輯?運行項目

---

前面所學都是vue3的基礎，為了簡約方便學習，所以只是在一個html文件中引用了vue.js來學習并使用，但是在真實的項目場景中早就流行了前后端分離，也就是前端項目也可以是一個獨立的項目，那么就不在是一個個html文件這種形式了，需要把項目工程化，它也有自己的工程結構和相應的目錄格式。那么接下來我們就來學習一個前端工程是怎么創建出來的。跟著下面的圖示操作即可

1. 創建vue工程

1.1 第一步

win+R 打開cmd命令

1.2 選擇名稱和工件

選擇Vue的時候 , 小鍵盤上下鍵移動, 回車鍵選擇

1.3 選擇語言

1.4 自動下載js

1.5 運行vue工程

1.6 成功頁面

2. 更改vue工程安裝的位置

有的小伙伴不想把vue工程放進c盤里, 或者說想要把工程放到自己的文件夾里. 那么我們在第二步的時候變更一下操作

3. 更改運行工程方式

有的小伙伴會說, 每次這樣運行工程, 都很不方便, 有沒有什么更簡單易懂的方式快速上手呢? 有的兄弟, 有的！

首先，我們要記住自己創建好的vue工程位置，然后用自己的前端編譯軟件（我是vscode）打開文件夾

第一步

第二步

第三步

調試

?運行項目

接著就會出現這個畫面