Vue|vue ui 创建vue项目详细步骤

一、检查node、npm、vue-cli的版本,需保持到最新版本

  传送门

  备注:此步非常重要,版本不兼容,会出现各种安装报错

二、在命令行执行vue ui,就会出现图形化管理界面

  

 

 

三、三个标签,点击创建

  1、填写项目名称、选择包管理器、是否初始化git

  

 

 

 

 

   2、选择插件配置方式

 

 

 

 

   3、选择手动配置项目将会进入这一步,可以选择插件进行安装配置,包括常用的router、vuex等

   4、根据选择进入插件具体配置

 

 

四、点击创建项目,根据需要选择是否保存预设,以方便下一次直接创建

 

 

五、等待片刻项目创建成功后8000跳转至如下页面,左侧列表可以查看并管理项目的依赖、插件、配置和运行命令

六、安装插件(可选)

  插件搜索,vuetify、axios

 

 

 

  

七、最后打开项目,npm run serve运行就OK啦

posted @   未来可期_Durant  阅读(638)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
历史上的今天:
2020-07-20 windows环境下使用tomcat部署jenkins
点击右上角即可分享
微信分享提示