码迷,mamicode.com
首页 > 其他好文 > 详细

vue ui创建项目

时间:2019-12-30 19:05:36      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:oca   打开终端   包管理   成功   bsp   size   打开   vue   目的   

一、打开终端,安装最新vue-cli

  npm install -g @vue/cli

二、终端运行vue ui

  vue ui

技术图片

 

 

 

 

   之后会自动跳转到http://localhost:8000,进入如下页面

技术图片

 

 

 

 

三、三个标签,点击创建

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

 

技术图片

 

  2.选择插件配置方式

技术图片

 

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

技术图片

 

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

技术图片

 

 

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

 

技术图片

 

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

技术图片

 

 

 

 

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

vue ui创建项目

标签:oca   打开终端   包管理   成功   bsp   size   打开   vue   目的   

原文地址:https://www.cnblogs.com/jing-zhe/p/12121071.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!