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 @ 2021-07-20 13:48  未来可期_Durant  阅读(563)  评论(0编辑  收藏  举报