使用vue CLI创建一个项目

从0到1，使用vue CLI创建一个vue项目，并完成相关配置

---

前言

提示：vue CLI初始化项目：

：使用vue CLI创建一个vue项目，并完成相关配置

---

一、Vue CLI是什么？

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：

总之，通过vue CLI可以进行图形化配置vue项目或者是选择命令行配置vue项目

二、使用步骤

1.安装

安装之前先检查是否安装了nodeJS，Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。可以使用nvm管理node版本，nvm管理node

可以使用如下命令进行安装：

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装完成之后使用 查看脚手架是否安装成功

vue --version

如需升级全局的 Vue CLI 包，请运行：

npm update -g @vue/cli

# 或者
yarn global upgrade --latest @vue/cli

2.创建一个vue项目

安装好vue CLI之后就可以初始化一个vue项目了

创建一个新项目项目，使用命令(注意：项目名称不能有大写字母，不能用驼峰命名法)：

vue create hello-vue

你会被提示选取一个 预设模板。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选择“手动选择”来选取需要的配置。

选择 Manually select features这一项


路由使用history模式还是hash模式

区别历史模式与哈希模式区别

配置项选择参考
根据需求选择以上配置项之后就，等待下载依赖
项目创建好后,使用以下命令，在浏览器 http://localhost:8080，就可以看到效果

cd project-name // 进入项目根目录
run serve // 运行项目

---