初学Vue.js，用肉眼看不见的vueui创建项目，你会不会被鄙视。只有用心才能看清事物的本质，真正重要的东西是肉眼看不见的。当您看到这篇文章时，我想您对如何制作网站很感兴趣。前面几篇都讲了使用vue-cli和新版@vue/cli创建项目和一些常用的配置，但是直接手动点击创建项目不是很好吗！？这也是我们第一个前端和后端示例项目的开始。PhilKarlton曾说过，“在CS领域，有两件事是非常困难的。一个是缓存失效，一个是命名。》这里选个名字，这个项目叫kola，我们做一个简单的权限管理系统安装@vue/cli这里还是需要安装@vue/cli，如果你已经安装了请忽略epimetheus$npminstall-g@vue/cli的安装速度还是比较慢，可以喝杯水，安装完成后可以vue--version查看版本号epimetheus$vue--version@vue/cli4.4.6创建Vue项目，在终端输入命令$vueui?StartingGUI...?readyonhttp://localhost:8000这里选择创建，然后新建一个项目，这里先选择默认.毕竟不知道怎么配置，创建起来可能需要一段时间，这里我们可以自定义，添加一些其他的显示项这里我们点击插件，添加vue-route，vuex通过+add插件，通过搜索选择一些插件进行安装，这里安装element插件，选择默认配置直接安装，inst同理所有的axios插件然后看看项目能不能跑起来。在任务中，我们可以看到serve、build、lint和inspect要运行的点，也就是我们的项目要运行起来。成功后点击Starttheproject就可以看到我们的项目了。如果编译失败，在配置中，可以先保存勾选中的ESLint配置，先关闭，这样工程结构就暂时完成了。通过vscode打开项目，发现多了plugins目录，里面包含了插件的默认配置。查看main.js，可以看到Vue-router、store、elementui和axios已经默认配置好了。是不是比我们手动配置的更香？她很香。gitgithub:https://github.com/zhangyunan...gitee:https://gitee.com/zhangyunan1...参考@vue/cli:https://cli.vuejs.org/zh/guide/
