如何使用vue-cli3.X快速创建一个Vue项目？

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

1. 安装Vue CLI包名由vue-cli改为@vue/cli。若已全局安装旧版本的vue-cli（1.x或2.x），需先卸载：npm uninstall vue-cli -g

1.安装

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过以下方式先卸载它：

npm uninstall vue-cli -g # 或 yarn global remove vue-cli

vue-cli 3.x安装：

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

说明：-g / global 表示全局安装。

安装完成后可通过以下代码校验安装是否成功：

vue --version # 或 vue -V

2.创建项目

2.1vue create xxx

vue create my-project # OR vue ui

按键盘上下键可以选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了

继续手动一下

2.2若你之前未保存过preset，或若不使用之前保存的preset创建项目，你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“Munually select features”即“手动选择特性”来选取需要的特性，如下图所示。