Vue項目簡介：

Vue項目-創建：

命令行：vue create vue-project01

圖形化界面：vue ui

在命令行中切換到項目文件夾中，然后執行vue ui命令。

?

?只需要路由功能。這個路由功能，開始不是很理解。

?

創建項目部保存預設。

?

?

項目就創建好了，生成了好多文件夾。

然后使用VS Code打開文件夾：

文件->打開窗口:

在新窗口中打開文件夾：

?

Vue項目目錄結構：

基于Vue腳手架創建出來的工程，有標準的目錄結構，如下：

1）node_modules : 整個項目的依賴包

2）public：存放項目的靜態文件

3）src： 存放項目的源代碼

4）package.json: 維護基本信息，項目開發所需要的模塊，版本信息

5）vue.config.js: 保存vue的配置文件，如：代理、端口的配置等：

在src目錄下：

assets：靜態資源

component：可重用的組件

router：路由配置

views：視圖組件，頁面 （都是.vue結尾的文件）

App.vue：入口頁面（根組件）

main.js: 入口js文件

我們對目錄結構有了一個簡單的認識。

Vue項目的啟動：

這樣就訪問到Vue項目。

熱部署的功能：

更新App.vue頁面中的內容，然后保存，網頁的內容發生變化，這就是熱部署的功能。

修改端口號的方法：

?將當前的8080端口進程ctrl+c停掉，然后再執行npm run serve命令啟動進程：

可見端口已經改成了7000端口。