懒人必备:使用vue ui创建vue项目
工作的时候,大量的时间都是在思考需求,编写代码的,除了新起项目的时候,我们需要去创建一个项目,但是这个时候出现了一个尴尬的问题,创建vue的项目命令忘记了,这可咋办?我给安利一个,虽然很多人吐槽程序员用这玩意创建项目,你是看不起我吗?我倒是觉得啊,一个创建项目而已,怎么都行,管他黑猫白猫逮着老鼠就是好猫!1. 安装vue-cli这种就不说了,找到你要创建项目的目录,打开cmd,输入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
界面,很是完美
有木有感觉就是我这种经常忘记命令的懒人必备。。。再也不用为了忘记命令而苦恼了
更多推荐
所有评论(0)