天天看點

vue項目實戰(一)——資金管理系統-前端01

使用

vuecli3.0

建立前端頁面。

1.

vue create client

指令

vue項目實戰(一)——資金管理系統-前端01

選擇

Manually select features

。進入下一個頁面:

vue項目實戰(一)——資金管理系統-前端01

選擇

vue項目實戰(一)——資金管理系統-前端01

然後敲Enter鍵。

vue項目實戰(一)——資金管理系統-前端01

最後建立成功。

2.連載

使用

concurrently

并行地運作多個指令(同時跑前端和後端的服務)

首先進入:

vue項目實戰(一)——資金管理系統-前端01

上圖啟動的主要是背景。

client\packange.json

,啟動的是前台的項目。

vue項目實戰(一)——資金管理系統-前端01

看看

concurrently

子產品怎麼進行修改:

vue項目實戰(一)——資金管理系統-前端01

通過運作

npm run dev
           

啟動成功标志:

vue項目實戰(一)——資金管理系統-前端01

3.如何進行vuecli3.0 無關檔案的删除,留下比較幹淨的頁面

  • 先把

    src

    目錄下的檔案删除。
    vue項目實戰(一)——資金管理系統-前端01
    再把其他相關的元件删除即可。