使用vue-cli3搭建vue项目

vue-cli使用前提

1、默认创建

(1)进入要创建vue项目的文件夹,输入命令vue create 项目名。
(2)选中default,回车。使用vue-cli3搭建vue项目_第1张图片

2、手动创建

(1)进入要创建vue项目的文件夹,输入命令:vue create 项目名
(2)选中Manually select features。
使用vue-cli3搭建vue项目_第2张图片
(3)选择要安装的组件。
使用vue-cli3搭建vue项目_第3张图片
(4)设置路由跳转为history模式,配置文件放在一个单独文件夹。
使用vue-cli3搭建vue项目_第4张图片
(5)回车。

3、vue ui创建项目

(1)进入要创建vue项目的文件夹,输入命令:vue ui
使用vue-cli3搭建vue项目_第5张图片

(2)点击创建
使用vue-cli3搭建vue项目_第6张图片
(3)选择在哪个文件夹下创建vue项目
使用vue-cli3搭建vue项目_第7张图片
(4)设置vue项目名和包管理器
使用vue-cli3搭建vue项目_第8张图片
(5)选择手动创建
使用vue-cli3搭建vue项目_第9张图片

(6)选择要安装的插件
使用vue-cli3搭建vue项目_第10张图片

(7)路由跳转使用history,搭建创建项目
使用vue-cli3搭建vue项目_第11张图片

你可能感兴趣的:(vue.js)