如何用vue cli 3.0搭建项目并制作图文教程？

本文共计908个文字，预计阅读时间需要4分钟。

1. 1.3.0版本包含默认预配置和用户自定义设置

2.相较于2.0，3.0版本优化了目录结构

3.删除了配置文件目录（config 和 build）

4.删除了static文件目录

5.新增了public文件目录

1.3.0版本包括了默认预设配置和用户自定义设置

2.对比2.0来看3.0的目录结构更加精简了

移除了配置文件目录 （config 和 build文件夹）

移除了 static 文件夹，新增 public 文件夹，并且 index.html 移动到 public 中

在 src 文件夹中新增了 views 文件夹，用于分类视图组件和公共组件

vue-cli 3.0 搭建

1. 安装或升级 Node.js

• vue-cli官网对于node版本有明确要求
• Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)

2.安装 vue-cli 3.0

npm install -g @vue/cli 在这里需要注意的是如果你已经全局安装了旧版的 vue-cli(1.x或2.x) vue-cli 官网有提到 你需要通过 npm uninstall vue-cli -g 或者 yarn global remove vue-cli 来卸载它。