vue脚手架是基本用法

一、使用命令行的方式：

1.在vue-cli文件夹（自己创建的文件夹，把vue的项目放到这个文件夹中）中打开终端

运行命令：

vue create my_project_01

（1） 选择手动方式    Manually select features

（2）选择需要的features   Babel、Router、Linter  / Formatter（使用空格选择，选完之后回车）

（3）选择版本号 3.x

（4） Use history mode for router? (Requires proper server setup for index fallback in production) No

（5）Pick a linter / formatter config: Standard

（6）Pick additional lint features: Lint on save

（7）Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files

（8） Save this as a preset for future projects? No

2.安装成功：

3.进入my-project_01文件夹

4.运行 npm run serve

5.运行成功：

复制 http://localhost:8080/到浏览器，就可以看到结果了

 

二、使用图形界面的方式：

1.在vue-cli文件夹（自己创建的文件夹，把vue的项目放到这个文件夹中）中打开终端

运行vue ui，会在浏览器中打开这个页面

2.文件创建位置：（可以自行修改）

3.创建新项目 （填写项目形成，选择默认的包管理器 写入git初始化仓库的名称）

4.第一次创建项目，所以使用手动方式：

 5.选择插件功能，在这个（第一个项目）项目中选择的有：choose vue Version、 Babel 、Router 、Linter/Formatter 、使用配置文件 这几项

6.配置：

 7.创建项目，并保存预设

8.创建成功之后，跳转到这个页面：

 9.点击左侧栏中的 任务，点击serve ，启动

10.点击启动app，就会看到运行页面了，