运用脚手架创建Vue项目的两种方式(基于3.x版本)
1、基于交互式命令行的方式
Vue create my
-project
2、基于图形化界面的方式
Vue ui
下面,我们将以图形化界面的方式演示项目创建过程
基于图形化界面的方式
1、打开命令行窗口,输入Vue ui,回车 2、选择一个路径,再点击在此创建项目 3、输入项目名称,填写初始提交信息,其他选项默认 4、选择一套预设,第一次创建项目的话,推荐使用手动配置,然后点下一步 5、在功能这块推荐打开Babel、Router、Linter/Formatter和使用配置文件这四个选项,其他选项都关闭,然后点击下一步
6、这里选择ESlint+Standard config标准配置项,其他选项默认不变,点击创建项目
7、可以保存为新的预设,下次创建项目就可以直接用该预设,不再重配置 8、等待项目的创建 9、创建完成,点击Tasks-serve-Run task 10、编译成功,点击Output,打开链接,得到如下界面,表示项目创建完毕并且可以运行 到此为止,基于图形化界面的方式创建项目已经全部演示完毕!