如何通过Vue CLI 3.0图文教程快速搭建项目？
- 内容介绍
- 文章标签
- 相关推荐
本文共计917个文字，预计阅读时间需要4分钟。
1.3.0版本包含：- 默认预配置和用户自定义设置
2.对比2.0版本，3.0的目录结构更简洁：
- 移除了配置文件目录（config和build） - 移除了static文件目录 - 新增了public文件目录 - 索引文件（index）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 来卸载它。
vue-cli脚手架搭建
vue create hello-world （搭建一个项目名称为 hello-world 的vue前端项目）
项目配置选项
a、Manually select features
如果是第一次用3.0的话没有第一个选项（myProjectinit - 这是自己预设的配置）， 只有最后两个，第一个是默认配置，一般选第二个，自己配置，这里选第二个。
本文共计917个文字，预计阅读时间需要4分钟。
1.3.0版本包含：- 默认预配置和用户自定义设置
2.对比2.0版本，3.0的目录结构更简洁：
- 移除了配置文件目录（config和build） - 移除了static文件目录 - 新增了public文件目录 - 索引文件（index）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 来卸载它。
vue-cli脚手架搭建
vue create hello-world （搭建一个项目名称为 hello-world 的vue前端项目）
项目配置选项
a、Manually select features
如果是第一次用3.0的话没有第一个选项（myProjectinit - 这是自己预设的配置）， 只有最后两个，第一个是默认配置，一般选第二个，自己配置，这里选第二个。