Vue脚手架的基本用法（命令操作+ui可视化操作）

1.命令行安装

npm i -g @vue/cli

2.查看版本号

Mac-mini:webpackDemo xxx$ vue -V
@vue/cli 4.3.1

一、命令行创建项目

3.手动创建

vue create my-project

4.选择方式手动，按上下键盘

5.按空格选择安装哪些插件

6.不使用历史模式路由。n

7.放在些文件。选择单文件

8.是否创建一个模版。n

9.创建完成根据提示输入如下

10.运行完上述命令

11. 在浏览器输入http://localhost:8080/

二、使用ui方式创建项目

1.在终端输入如下命令

vue ui

2.会自动打开浏览器http://localhost:8000/，

点击创建项目

3.下一步选手动配置

4.选择用的插件

5.选择一些选项

6.可以选择保存一个预设

7.等一会就创建成功了

8.选择项目进行管理 

9.运行项目

10.启动后，可以点输入查看启动日志

 

11.在浏览器打开日志上的地址。

或者点启动app

就能看到项目