第一个Vue项目mjdai_auto_office之项目创建

前言

一直想开发一个功能比较强大的项目，但是一直没有动手，最近终于有点时间来折腾它了。由于时隔两年没有接触前端了，所以需要一个小项目先练练手感。等这个项目完工之后在着手搞一个大工程。都说好记星不如烂笔头，现在就将这一个过程记录下来，万一有什么踩坑的地方，也可以提示后来人。

项目创建

这一次创建项目使用的是工具webstrom创建的，至于工具的安装，这个想必能看到文章的为都会吧？废话不多说，开干。

第一步

选择Create New Project

第二步

选择默认参数，然后点击创建项目。
创建项目之后，控制台会弹出选择项，选择
Default (Vue 3) ([Vue 3] babel, eslint)

第三步

下载完依赖之后，会提示 npm run serve

第四步

进入控制台，npm run serve

第五步

启动完成之后， 会提示
App running at:

• Local: http://localhost:8080/
• Network: http://192.168.1.102:8080/
  

第六步

进入链接，可以看到如下界面，项目创建成功。