当前位置:   article > 正文

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

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

界面,很是完美

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/694450
推荐阅读
相关标签
  

闽ICP备14008679号