天天看点

vue项目实战(一)——资金管理系统-前端01

使用

vuecli3.0

创建前端页面。

1.

vue create client

命令

vue项目实战(一)——资金管理系统-前端01

选择

Manually select features

。进入下一个页面:

vue项目实战(一)——资金管理系统-前端01

选择

vue项目实战(一)——资金管理系统-前端01

然后敲回车键。

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
    再把其他相关的组件删除即可。