vue ui

vue ui :  这是创建vue项目的第二种方式,vue创建项目的介绍 请看博文:https://www.cnblogs.com/KoBe-bk/p/11443470.html ; 这是通过ui界面的方式来创建项目 (输入vue ui后,浏览器会自动打开可视化编辑模式,这样就可以开始创建项目了)

 vue ui 创建项目 使用步骤:  

  1.在小黑框命令行中输入:vue ui ,输入之后显示Starting GUI...  之后会自动帮我们打开一个浏览器 http://localhost:8001/dashboard

  2. 进入 http://localhost:8001/dashboard ,点击 左下角的 “ ...更多 选择Vue项目管理器,之后进入到 http://localhost:8001/project/select

  3.进入  http://localhost:8001/project/select ,选择 创建,选择一个目录 点击“+ 在此创建新项目

  4. 进入 http://localhost:8001/project/create 详情 ,输入 项目名称 比如:vuex-demo  不要有中文;选择包管理器 npm ;初始化git提交仓库 默认是打开的,你可以添加备注 init project ;之后点击下一步

  5.进入 http://localhost:8001/project/create 预设 ,选择 手动(Manual); 点击下一步

  6. 进入 http://localhost:8001/project/create  功能,  开启 Babel (默认是开启的)/Router / Vuex / CSS Pre-processors / Linter.Formatter(默认是开启的) / Use config files(使用配置文件) ; 点击 下一步

  7. 进入  http://localhost:8001/project/create 配置,选择vue版本(2.x默认和3.x);选择你熟悉的css预处理器(sass和less用的居多);Pick a linter / formatter config 选择 ESLint + Standard config ; 点击 创建项目

  8. 点击 "创建项目",弹框提示是否保存预设(就是指刚才的一些设置,保存后下次可快速使用);小伙伴们可自行选择是否保存预设哈

  9.之后显示 “正在创建项目...”;此时你只需要等待一会,即可创建完成,之后你就可以用vscode 打开刚才创建的项目,任意编码了

 

To :哈尔滨冬天的雪!!! 

原文地址:https://www.cnblogs.com/KoBe-bk/p/13777322.html