懒人必备：使用vue ui创建vue项目_vue ui创建项目

工作的时候，大量的时间都是在思考需求，编写代码的，除了新起项目的时候，我们需要去创建一个项目，但是这个时候出现了一个尴尬的问题，创建vue的项目命令忘记了，这可咋办？我给安利一个，虽然很多人吐槽程序员用这玩意创建项目，你是看不起我吗？我倒是觉得啊，一个创建项目而已，怎么都行，管他黑猫白猫逮着老鼠就是好猫！

1. 安装vue-cli这种就不说了，找到你要创建项目的目录，打开cmd，输入

vue ui

 这个时候你的浏览器就会自动打开 http://localhost:8000

 

2.点击创建，找到你要创建项目的目录，输入项目名称--下一步

 3. 由于默认的设置，配置的东西比较少，所以我一般都选择手动 --下一步

 4.进行功能的预设，babel不用多说，vuex，router，css预处理器是我很常用的配置，其他的根据自己的情况来吧---下一步

 5. 项目的一些配置项，我要新建3x的vue，路由就还是默认hash，css预处理我比较喜欢scss，代码检查eslint之类的，保存的时候给我检查报个错就行了，可以保留下预设，下次再创建项目的时候直接git拉进来就行，然后就是静静的等待。。。

 

 6. ok，项目创建完了

 7. 我们在使用vue的时候，一般都会搭配一个ui组件库，我用element-ui习惯了，所以我们去安装一个element-ui，插件-添加插件，搜索element-plus，ele搭配vue3的叫做element-plus，选完然后安装

 

点击完成安装 

 

 好的，使用编辑器打开项目康康，还不错

 看起来还不错，运行一下康康

npm run serve

界面，很是完美

 有木有感觉就是我这种经常忘记命令的懒人必备。。。再也不用为了忘记命令而苦恼了