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

使用vuecli3.0创建前端页面。
1.vue create client命令
vue项目实战(一)——资金管理系统-前端01_第1张图片
选择Manually select features。进入下一个页面:
vue项目实战(一)——资金管理系统-前端01_第2张图片
选择
vue项目实战(一)——资金管理系统-前端01_第3张图片
然后敲回车键。
vue项目实战(一)——资金管理系统-前端01_第4张图片
最后创建成功。
2.连载
使用 concurrently 并行地运行多个命令(同时跑前端和后端的服务)
首先进入:

vue项目实战(一)——资金管理系统-前端01_第5张图片
上图启动的主要是后台。
client\packange.json,启动的是前台的项目。
vue项目实战(一)——资金管理系统-前端01_第6张图片
看看concurrently模块怎么进行修改:
vue项目实战(一)——资金管理系统-前端01_第7张图片
通过运行

npm run dev

启动成功标志:
vue项目实战(一)——资金管理系统-前端01_第8张图片
3.如何进行vuecli3.0 无关文件的删除,留下比较干净的页面

  • 先把src目录下的文件删除。
    vue项目实战(一)——资金管理系统-前端01_第9张图片
    再把其他相关的组件删除即可。

你可能感兴趣的:(前端,Vue)