一、安装Vue脚手架
安装步骤参考上篇博文及Vue-cli官方文档
二、通过Vue脚手架创建项目
通过GUI可视化面板创建项目
1.win+r打开运行窗口,输入cmd回车打开终端窗口
2.切换到要创建项目的目录,如E盘,输入E:回车,切换到E盘
3.输入vue ui 回车,打开可视化窗口
4.点击创建按钮
4.1选择要创建项目的目路确定
4.2进入详情,在项目文件夹位置,填写项目名称(必须英文)
4.3上拉打开初始化git仓库按钮,填写git初始化信息(init project ),点击下一步
4.4进入预设,可以选择之前配置好的选项,也可以点击手动配置,在此点击手动,下一步
4.5进入功能面板,选择要配置的功能打开选择按钮,下边几项都要选择,然后点击下一步
Babel
Router
Linter/Formatter
使用配置文件
4.6进入配置面板
Use history mode for router ,关闭此项
Pick a linter/formatter config,选择ESLint+Standard config
Pick additional lint features,选择Lint on save 即按ctrl+s,保存文件就会进行格式校验
4.7点击创建项目,保存刚才配置为新预设,方便下次使用
三、配置Vue路由
通过创建项目已完成路由配置