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 :哈尔滨冬天的雪!!!